X

Hey! We highly recommend you launch this experiment in Google Chrome. It may run slower, or not at all, in other browsers.

Okay, I'll download Google Chrome I'm willing to risk it
X

Report This Experiment

X

Share with a friend

An e-mail has been sent. Thank you for sharing this Experiment!

Close

Back to All

Starfield

April 05, 2009
Author:

Christophe Résigné

http://www.chiptune.com
Location:
Paris, France
Rate Experiment (1338 ratings):
1 2 3 4 5  
From the Author:

A simple starfield (512 stars).

You can:

+ change direction by moving the cursor over the window.

+ change/inverse speed with mouse-scroll.

+ change the number of stars by adding ?n= at the end of the url.

Technology:

Javascript+Canvas.

Comments

By John on September 02, 2010

Can you make the black background transparent, so I can include my own background image? How would I do that?

Reply to this comment
By Antheor on August 04, 2010

Sleek, amazing and fun !

Highest respect !

BTW, can you set speed (with ?=..) ?

Reply to this comment
By DOC on August 06, 2010

SIMPLY & NICE - that's great!

It would be better when atfer a direction change, the center recalibrates itself to the middle point of the window.

greetsz!

Reply to this comment
By alpaproductions on July 18, 2010

Very amazing stuff here! WOW!!

Reply to this comment
By man on July 15, 2010

woa this is awesome! you could turn this into a really boss game

Reply to this comment
By kk on May 22, 2010

how u change stars it wont let me!!!

Reply to this comment
By MasterBlue on May 09, 2010

Tried it with 500,000 stars and crashed my browser. lol.

Reply to this comment
By Art on May 06, 2010

Hyperspace!!! I love it.

Reply to this comment
By hang on May 01, 2010

I love this picture.

Reply to this comment
By Trikks on May 01, 2010

Wont work inside an iframe

Nice work otherwise

Reply to this comment
By Trikks on May 01, 2010

My bad, it works in an iframe. But it's allergic to the parameter "preview"! :)

Reply to this comment
By eddy on April 27, 2010

hold down left click and you go warp speed!

simple amazing.

Reply to this comment
By kimmo framelius on March 25, 2010

i like it

this is beautiful

thank you

Reply to this comment
By odar jeiman on March 19, 2010

perfektne,take som davno hladal

Reply to this comment
By anhii on March 19, 2010

me gusta este programa es muy rapido y ojala qe se pueda borrar el historial

Reply to this comment
By julio cesar on March 18, 2010

estupendo adelante fantasia o realidad el sueno del hombre

Reply to this comment
By Camille on March 13, 2010

If you hold down the mouse button, it looks like fireworks. Was that intentional?

Reply to this comment
By crazyal02 on August 30, 2010

It's meant to be like going into hyperdrive i think, like star wars.

Reply to this comment
By Laurie(again!) on April 13, 2010

I'm not sure if its a computer problem or not that it looks like fireworks

Reply to this comment
By Mike Lyons on March 10, 2010

It seems that I can't modify the URL to change the number of stars int he window that pops up, I just installed Chrome on my new Mac Mini.

Reply to this comment
By Ryan Walton on March 18, 2010

Copy the url and put it in a tab to itself and then put ?n= and it will work.

Reply to this comment
By Ximena on March 10, 2010

I want your experiment!!! is very cool

Reply to this comment
By alex on March 08, 2010

IT IS AWSOME.

Reply to this comment
By cesar on March 08, 2010

mi amgio

Reply to this comment
By cesar perez on March 08, 2010

mi familia

Reply to this comment
By Dino on March 02, 2010

This works well on Opera 10.50. No wait, it works much better without lag.

Reply to this comment
By abbie on February 12, 2010

cool webvsite

Reply to this comment
By Quicksand on February 08, 2010

add this music in the bridge, http://www.youtube.com/watch?v=evFpImr8rWw

Reply to this comment
By Quicksand on February 08, 2010

how about making this a Desktop/Android wallpaper/screen saver with the music of course :D

Reply to this comment
By Jon on February 05, 2010

Screensaver anyone?

Reply to this comment
By Laurie on April 13, 2010

Except the screensaver isn't interactive.

Reply to this comment
By Amy on February 02, 2010

nice.. realistic enough that it made me motion sick..lol

Reply to this comment
By Bowen on January 30, 2010

Amazing!

Reply to this comment
By reboot on January 28, 2010

Заебок!

Автору респект!

Reply to this comment
By vish on January 27, 2010

hi

Reply to this comment
By Kynlia on January 23, 2010

I won't touch my mouse, but the speed changes back and forth, like it's acting like it is going to freeze on me.

Reply to this comment
By awesome person named carol on January 17, 2010

WHY IS IT SO FUN???!!!!

Reply to this comment
By doreena on January 17, 2010

dah-its not doing any thing.

Reply to this comment
By a person on January 01, 2010

Why does it lag in firefox and not while chrome is running

just the precess running makes it faster

Reply to this comment
By tkman on December 28, 2009

works great on my wii

Reply to this comment
By Mystery on December 23, 2009

if you hold the left click button while in this it looks cool

Reply to this comment
By hey on December 28, 2009

....yea!! and if you scroll at the same time its even cooler.

Reply to this comment
By Kevin Russell on December 23, 2009

Love it! Useful as a production tool /resource to prototype some video matting experiments.

Reply to this comment
By sperm on December 23, 2009

they look like sperm

Reply to this comment
By eww on December 28, 2009

pervert.

Reply to this comment
By Eric on December 15, 2009

I love this experiment! I use it at parties and people love it!

Reply to this comment
By Berl on December 20, 2009

I want to set this as my desktop background but i don't know how. someone please tell me. it would be AWESOME!

Reply to this comment
By Polina on December 08, 2009

haha. i was thinking of some planets and galaxies ;)

Reply to this comment
By Rol. on December 13, 2009

I'm having difficulty changing the number of stars, doesn't let me type anything in the url.

Reply to this comment
By tim on November 19, 2009

Very cool. I was thinking it may need some galaxies too :)

Reply to this comment
By Dave on November 13, 2009

Very cool... not sure what use it would be in terms of the Google browser, but still very cool.

Reply to this comment
By Bredok on October 28, 2009

Lol, i dare someone to make it have 100,000,000,000,000,000,000,000,000,000,000 stars! Im sure your internet would crash!

Reply to this comment
By triedit on November 15, 2009

Very cool. It wouldn't attempt to load 10^35 for me, but 1,000,000 creates an interesting effect once it loads, as does 10,000 if you hold down the mouse button. It does make the computer run very sloooowly if you use more than 10k though! Nice job!

Reply to this comment
By lala on October 26, 2009

i like it cool

Reply to this comment
By Leonidas M on October 24, 2009

Really nice work! I don't want to know how many hours it took you to complete it.

Reply to this comment
By Marc Savoy on October 24, 2009

Star Date Fifty two Oh Three,

This is Captain Kames Jirk of the USS Underprise

We have lost all navigation, we have no idea where we are ever since our mission was canceled way back in late 20th century Earth circa 1969...

Reply to this comment
By uu on November 07, 2009

huh

Reply to this comment
By asphaltdragon on February 04, 2010

Star Trek!!!

Reply to this comment
By Del on October 15, 2009

Love it!

Reply to this comment
By max on October 15, 2009

doesnt work with ie 8 but im not fucking upgrading to chrome cuz i hate google

Reply to this comment
By Jeff on October 23, 2009

Do you just come to each experiment to say you hate Google? Do you work for Microsoft or are you just uninformed?

Reply to this comment
By pletter on October 23, 2009

Perhaps learn how to spell then move on to more intelligent things. Sooner or later you'll become educated enough to realize that IE isn't worth the price of losing out on a rich internet experience by using a superior browser.

Reply to this comment
By MasterBlue on May 09, 2010

lol.

Reply to this comment
By joe on October 18, 2009

try firefox, safari, or opera if you don't want to use chrome. or use chrome frame with IE 8.

Reply to this comment
By cameron on October 11, 2009

omg awesome thang

Reply to this comment
By daisy on October 10, 2009

wats up people

Reply to this comment
By Roselito on October 07, 2009

Back to All30 of 59 Prev | Next

Starfield

Reply to this comment
By fkasdnfjklasdfjkasdfh on October 01, 2009

you bitches

Reply to this comment
By Neal on October 01, 2009

Very Cool! Works fine in Google Chrome.

Reply to this comment
By Kevin on September 30, 2009

A childhood dream come true. Thank you. :)

Reply to this comment
By Chase on September 27, 2009

NOW ENTERING-- LUDICROUS SPEED!!! AWESOME!

Reply to this comment
By Brian P Robinson on September 15, 2009

so cool!

Reply to this comment
By noxus on September 13, 2009

Great effect, I'm really high right now!!!

Reply to this comment
By me on October 06, 2009

Ha, so am I!!!

Reply to this comment
By metoo on October 21, 2009

ditto

Reply to this comment
By mewtwo on February 09, 2010

lol drugs

Reply to this comment
By benposch on September 13, 2009

it really starts to look great at about 50,000 stars.

Reply to this comment
By Andre on September 12, 2009

It's working on Opperra 10

Reply to this comment
By Con on September 09, 2009

Nice.......!

Reply to this comment
By threadmetal on September 12, 2009

Excellent visual -- caught a bug though: steering a star directly into the viewport causes it to halt / crash. Why would I fly into a star, you ask? Because thanks to the mouse control, I *could* =)

Reply to this comment
By Jon on September 08, 2009

Something really different and cool. i can image what this must look like in colors

Reply to this comment
By ivan on September 07, 2009

Cool:))))))

Reply to this comment
By jody on September 03, 2009

COOL.

Reply to this comment
By luis on September 01, 2009

muy bueno;lo que mas me sorprendio, fue que con la misma imagen se pueden producir efectos especiales.

Reply to this comment
By firstEncounter on August 31, 2009

Freaking amazing. I would LOVE to see this in a screensaver or something. I can't help but messing with the code and making it really fast. xD

If you change star_speed to 18 and opacity to 0.001 then if you hold down the mouse button it makes it look like going into hyperspace on the Star Wars movies.

Reply to this comment
By luis on September 01, 2009

excelente,los efectos especiales que podemos producir al transformar la imagen

Reply to this comment
By REZ on August 27, 2009

If you liked my experiment, you can also test this one:

http://www.chiptune.com/plasma.html

:)

Reply to this comment
By aaron on August 25, 2009

hold mouse 1!

M1 = HYPERSPEED!!!!!!!!!!!

Reply to this comment
By miguel colon on August 19, 2009

iglesia defensore de la fe

cristiana roca divina

pastor ramon tossas

Reply to this comment
By tariq on August 19, 2009

this is awesome. im just starting to learn how to make stuff with google. and im wondering if you can do the same thing with plants... kinda real size. obviously they cant be in detail so i would make it like little planets.

Reply to this comment
By sydney on August 17, 2009

The chrome is vast & super fast its a chrome 'cool dude.

Reply to this comment
By shane diggity on August 17, 2009

LUV IT , I WAS REALLY IMPRESSED ! I WOULD LIKE TO SEE MORE OF UR WORK.

Reply to this comment
By emerz on August 16, 2009

muy interesante, nice work!

Reply to this comment
By Nolan on August 16, 2009

woa that is awesome i think its great i so wish i could save this as like an hour long video or something

Reply to this comment
By Robert on August 15, 2009

1 000 000 is a bit slow, even in chrome 3 :)

Reply to this comment
By REZ on August 16, 2009

hahaha, really Robert ? I never tested a so much big number of stars when I coded this effect, but it really works ? (even if it's slow)

Reply to this comment
By unekdoud on August 15, 2009

Try slowing down the speed to minimum and then making small circles with the cursor. Hold down the mouse button for extra effect. (you can also make rain/snow by this method)

Reply to this comment
By Adi Rat on August 15, 2009

I love this.

Reply to this comment
By Nathan on August 14, 2009

Sweet!

Reply to this comment
By Catalin on August 14, 2009

this is using more processor on google Chrome that in firefox => bad ? :)

Reply to this comment
By Sasidhar on August 14, 2009

I was playing with it for the last 20 mins ! :D

Awesome stuff

Reply to this comment
By Romit on August 09, 2009

just try increasing the no. to 10000

Reply to this comment
By Romit on August 09, 2009

Has Anyone tried to get it to a standstill(i mean a total stand still) in that case in my computer the screen went totally blank there was only a black screen to be seen

Reply to this comment
By larisa on August 06, 2009

WONDERFUL!!!! I love it!

Reply to this comment
By Ray on August 06, 2009

That is the coolest starfield I have ever seen, absolutely fantastic, its great when you crank the speed right up using your scroll whell, then click-hold left mouse button and wiggle your mouse.

Almost like being sat next to Cpt. Kirk.

Reply to this comment
By D. Schimmele on July 27, 2009

I love it , it got me staring at it for hours!

Reply to this comment
By Shafqat on July 12, 2009

Cool experiment! I used this as an inspiration for a KDE wallpaper: http://www.kde-look.org/content/show.php?content=105973

Reply to this comment
By Flash28 on July 11, 2009

Its cool that you can make it go slow and fast. if you make it go normal speed, then you can click and the stars will stretch out. i think that this is really cool because the stars are in space, and i like the background. if you speed the stars up really fast, you can see that they just look like horizontal or diagonal or vertical lines. awesome experiment to do, though it doesen't work unless you have a mouse for you computer or a laptop.

Reply to this comment
By MouselessComp? on August 03, 2009

Why would you have a computer without a mouse?

Reply to this comment
By Chris on September 20, 2009

You ever heard of newly bought laptops with track pads?

Reply to this comment
By Kevin on July 09, 2009

I love that you can go backwards (if you spin the scroll wheel far enough back)!

Very cool.

Reply to this comment
By Ayrton on July 05, 2009

Great.

Reply to this comment
By Taleshia on July 04, 2009

nice

Reply to this comment
By Mudkip on July 03, 2009

Wow, this works quite smoothly on an iPhone 3GS.

Reply to this comment
By snabrika on July 01, 2009

sooooo cool! i love these kind of things! : D

Reply to this comment
By E. Mo on June 30, 2009

This is so cool much cooler than the other experiments

Reply to this comment
By andrew on June 28, 2009

you should make it so we don't have to scroll back or forward very far to get it to go fast

Reply to this comment
By edd on June 24, 2009

dude that is so awesome! it really reminds me of Star Wars

Reply to this comment
By Tomas Alegre Pacheco on June 17, 2009

Yeahhh..esta bien loco !!!!

Reply to this comment
By moss on June 16, 2009

now thats what i call an exceptional experiment. Creativity @ its peak... I love the effects.

Reply to this comment
By Lawrence Chen on June 15, 2009

ACTIVATE HYPERDRIVE!!!!

[pulls scroll wheel back really far]

Reply to this comment
By D.W.Bechtel on June 15, 2009

nice clear image .moves are alogarithmic looks fine at 1400P

Reply to this comment
By Emma on June 12, 2009

I love it! I think it would be nice to make as a desktop picture? Not sure, but it's really pretty

Reply to this comment
By Mathew on June 09, 2009

BRILLIANT!!!!!!!!!!!!

Reply to this comment
By Leonel on June 07, 2009

this is awsome

Reply to this comment
By REZ on June 01, 2009

I just repaired the Google Adsense javascript bug... I don't know why but I got the same error on all my experiments at same time :(

Reply to this comment
By Leo Manuel on June 01, 2009

i see the firewall on...

Reply to this comment
By Zach runyan on May 28, 2009

thatd be a sweet screensaver

Reply to this comment
By Daniel on May 26, 2009

Pěkný. Vidím, že html rozhodně není mrtvý a je v něm obrovskej potenciál...

Reply to this comment
By Nori on May 26, 2009

Fantastic!

Reply to this comment
By Alex Balogh on May 24, 2009

Great stuff, brings back win3.11 mems :-)

Reply to this comment
By ^_^ on May 24, 2009

tres cool! je l'adore bien! merci beaucoup pour cette chose extraordinaire!

Reply to this comment
By ANDREWSANDHU on May 23, 2009

excellent

Reply to this comment
By jbohaj on May 23, 2009

Mind Boggling. Great, awesome. But when it is running = it Ruining the processor lol. Why it is running in Chrome & not in IE 6, 7 & 8?

Also please tell that how Browser ball can be played in Offline in IE 6, 7 or 8. Please see my post in Browser Ball Section.

Reply to this comment
By somebody on August 24, 2009

IE 6, 7, & 8 are not HTML5 capable.

Reply to this comment
By Bendad on May 23, 2009

WOW!! THIS IS COOL!!!!!!!

Reply to this comment
By javier herrera on May 23, 2009

really cool effects

i love the whole thing

Reply to this comment
By Sanx on May 23, 2009

Rez Rules !

Reply to this comment
By DanakaDan on May 21, 2009

OUTSTANDING!!!!

Reply to this comment
By Manolis on May 18, 2009

Very beautiful. Great,

Reply to this comment
By nyon on May 16, 2009

good

Reply to this comment
By Wow on May 16, 2009

Great work! Keep it up..

Reply to this comment
By Malle Pietje on May 15, 2009

About 1fps in Opera 10 :(

Reply to this comment
By Nomen on August 13, 2009

Huh? I'm using Opera 9, and I can go up to 10000 stars and still get about 5 fps. And my computer isn't that great.

It must be the beta status, right?

Reply to this comment
By Quicksilver on May 15, 2009

Try pressing the mouse and spacebar at the same time. SQUIGGLES!!!! AWESOME!!!

Reply to this comment
By jeremy jaramillo on May 14, 2009

man thats so inspirational!!!

Reply to this comment
By Nick on May 12, 2009

Works great in Firefox 3 too.

Reply to this comment
By Hung on May 10, 2009

If you change the star instead of the number like "0; 1" or "0;1; 2; 3; 4; 5; 6; 7; 8; 9" it'll look like matrix especial when you but your mouse at the bottom center. Sorry about my English because I'm Vietnamese people!

Reply to this comment
By Lexie on May 09, 2009

that is so cool! awesome :D

Reply to this comment
By Rod on May 09, 2009

Very cool.

Reply to this comment
By noelia on May 08, 2009

whoa ... haha .. that was pretty neat

Reply to this comment
By rick on May 07, 2009

dude.it was awesome

Reply to this comment
By Greg on May 06, 2009

really cool. clicking the mouse for warp is great too, and then moving the mouse around at same time is awesome. Look forward to the next space game in javascript & chrome.

Reply to this comment
By Jim Sandberg on May 06, 2009

Very Nice effect is like star wars very realistic

Reply to this comment
By res2216firestar on May 05, 2009

Woah, don't you wish that was the windows screensaver ;pp

Reply to this comment
By Tim on May 04, 2009

Very cool. It is very entertaining for a space geek. Kinda like me.

Reply to this comment
By gi@no on May 04, 2009

Really wonderfull

Reply to this comment
By Aron Emery on May 02, 2009

Wow! Very cool - this alone is worth switching back to google Chome - I'm glad I found this.

I may leave this up all the time on one monitor - it's just so awesome

Reply to this comment
By SteveD on May 02, 2009

Thanks :@)

So much fun!

Reply to this comment
By Easonn on May 03, 2009

Goodness gracious, this is really cool you all think? it's amazing to me.

Reply to this comment
By petaneli on May 01, 2009

Wowwwwwww this is coollllll nice done m8 :)

Reply to this comment
By rafael on May 03, 2009

wow awsome

Reply to this comment
By ChrisKingston on May 01, 2009

This is beautiful !

Reply to this comment
By Travis on May 01, 2009

AHH makes me dizzy, Lol nice though

Reply to this comment
By sheena m costen on April 27, 2009

Great ! schem

Reply to this comment
By Stephanie Munford on April 27, 2009

Welcome to my Google Page!

Reply to this comment
By harish on April 25, 2009

kaka

Reply to this comment
By Alek on April 22, 2009

Fantastic!

Reply to this comment
By vinod on April 17, 2009

vksharma

Reply to this comment
By brian on April 16, 2009

how do you make this your screen saver

Reply to this comment
By Lawrence Brown on June 29, 2009

That's impossible, but on Windows XP there is a star screensaver.

Reply to this comment
By SM on April 15, 2009

It is cooler to look at it full screen

Reply to this comment
By Ortwin on April 14, 2009

I really love this, the mouse-click function completes the star trek expirience.

Could you add a thingy to hide the mouse cursor?

Reply to this comment
By Jeff on April 14, 2009

so beautiful when you change the number of stars to 9999

excellent!

Reply to this comment
By Raul on April 13, 2009

this is incredible!

Reply to this comment
By Shoshenskoe on April 13, 2009

WOW!!!! I like it.

Reply to this comment
By Rob on April 13, 2009

Change the color scheme and call it "Looking Up in a Snow Storm".

Excellent, Very well done!

Reply to this comment
By Gary Click on April 11, 2009

Great!!!!

Reply to this comment
By Ron on April 10, 2009

I love this Christophe.Is there a way we can use as a screen saver?

Reply to this comment
By nickel3956 on April 07, 2009

that is really cool, my friend. keep up the good work!

Reply to this comment
By Sachin on April 07, 2009

Superb!

Reply to this comment
By REZ on April 07, 2009

I just modified some parameters, star panning is more "wide".

I also added a new little effect, just click somewhere on the screen ;)

Reply to this comment
By vort3x on April 09, 2009

screen click effect = very nice

Reply to this comment
By Maxexcloo on April 07, 2009

Very nice!

Mesmerising :)

Reply to this comment
By REZ on April 06, 2009

Ho, I forgot a last thing! If you press spacebar key you will stop/start "depth" movement.

Thank for your nice comments! :)

Reply to this comment
By Andre on September 16, 2009

And if you hold Spacebar its will be look like "jumping stars" and if you hold Spacebar AND hold the left mouse button its will be look like "graphs"!

Reply to this comment
By gdfg on April 06, 2009

cool :P :)

Reply to this comment
By dragonic2020 on April 06, 2009

Try putting it in fullscreen, just beautiful.

Reply to this comment
By "E" on April 06, 2009

Im seeing stars X.x

Nice & cre8tive

Reply to this comment
By REZ on April 05, 2009

I forgot to mention but if the effect is too slow you can limit screen size by adding w=&h= to the url.

For example: http://www.chiptune.com/starfield/starfield.html?w=400&h=300&n=1024

Reply to this comment
By nixon on April 05, 2009

As the author states, you can change the number of stars by editing the URL. But you have to cut and paste it manually, because it's not editable in the Launch window. Try cutting-and-pasting this for example to double the number of stars!

http://www.chiptune.com/starfield/starfield.html?n=2048

Very cool experiment!

Reply to this comment
By MooTwo14 on May 11, 2009

Or, if you're using Google Chrome, which you really should be, you can click on the logo and choose show as tab.

Reply to this comment
By nixon on April 05, 2009

Oops, I mean, use that URL to quadruple the number of stars.

Reply to this comment
By Steve on April 05, 2009

That's beautiful.

Reply to this comment
By Jeremy Abel on April 26, 2009

Ha! Very slick! Best non-movie starfield effect I've seen! The changing length of the particles really makes it

Reply to this comment

Add a comment

All fields are required to prevent spam.