Starfield
April 05, 2009Christophe Résigné
- http://www.chiptune.com
- Location:
- Paris, France
Launch Experiment
Slow? Not Working? Try it in Google Chrome.
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
Can you make the black background transparent, so I can include my own background image? How would I do that?
Reply to this commentSleek, amazing and fun !
Highest respect !
BTW, can you set speed (with ?=..) ?
Reply to this commentSIMPLY & 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 commentVery amazing stuff here! WOW!!
Reply to this commentwoa this is awesome! you could turn this into a really boss game
Reply to this commenthow u change stars it wont let me!!!
Reply to this commentTried it with 500,000 stars and crashed my browser. lol.
Reply to this commentHyperspace!!! I love it.
Reply to this commentI love this picture.
Reply to this commentWont work inside an iframe
Nice work otherwise
Reply to this commentMy bad, it works in an iframe. But it's allergic to the parameter "preview"! :)
Reply to this commenthold down left click and you go warp speed!
simple amazing.
Reply to this commenti like it
this is beautiful
thank you
Reply to this commentperfektne,take som davno hladal
Reply to this commentme gusta este programa es muy rapido y ojala qe se pueda borrar el historial
Reply to this commentestupendo adelante fantasia o realidad el sueno del hombre
Reply to this commentIf you hold down the mouse button, it looks like fireworks. Was that intentional?
Reply to this commentIt's meant to be like going into hyperdrive i think, like star wars.
Reply to this commentI'm not sure if its a computer problem or not that it looks like fireworks
Reply to this commentIt 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 commentCopy the url and put it in a tab to itself and then put ?n= and it will work.
Reply to this commentI want your experiment!!! is very cool
Reply to this commentIT IS AWSOME.
Reply to this commentmi amgio
Reply to this commentmi familia
Reply to this commentThis works well on Opera 10.50. No wait, it works much better without lag.
Reply to this commentcool webvsite
Reply to this commentadd this music in the bridge, http://www.youtube.com/watch?v=evFpImr8rWw
Reply to this commenthow about making this a Desktop/Android wallpaper/screen saver with the music of course :D
Reply to this commentScreensaver anyone?
Reply to this commentExcept the screensaver isn't interactive.
Reply to this commentnice.. realistic enough that it made me motion sick..lol
Reply to this commentAmazing!
Reply to this commentЗаебок!
Автору респект!
Reply to this commenthi
Reply to this commentI 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 commentWHY IS IT SO FUN???!!!!
Reply to this commentdah-its not doing any thing.
Reply to this commentWhy does it lag in firefox and not while chrome is running
just the precess running makes it faster
Reply to this commentworks great on my wii
Reply to this commentif you hold the left click button while in this it looks cool
Reply to this comment....yea!! and if you scroll at the same time its even cooler.
Reply to this commentLove it! Useful as a production tool /resource to prototype some video matting experiments.
Reply to this commentthey look like sperm
Reply to this commentpervert.
Reply to this commentI love this experiment! I use it at parties and people love it!
Reply to this commentI 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 commenthaha. i was thinking of some planets and galaxies ;)
Reply to this commentI'm having difficulty changing the number of stars, doesn't let me type anything in the url.
Reply to this commentVery cool. I was thinking it may need some galaxies too :)
Reply to this commentVery cool... not sure what use it would be in terms of the Google browser, but still very cool.
Reply to this commentLol, 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 commentVery 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 commenti like it cool
Reply to this commentReally nice work! I don't want to know how many hours it took you to complete it.
Reply to this commentStar 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 commenthuh
Reply to this commentStar Trek!!!
Reply to this commentLove it!
Reply to this commentdoesnt work with ie 8 but im not fucking upgrading to chrome cuz i hate google
Reply to this commentDo you just come to each experiment to say you hate Google? Do you work for Microsoft or are you just uninformed?
Reply to this commentPerhaps 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 commentlol.
Reply to this commenttry firefox, safari, or opera if you don't want to use chrome. or use chrome frame with IE 8.
Reply to this commentomg awesome thang
Reply to this commentwats up people
Reply to this commentBack to All30 of 59 Prev | Next
Starfield
Reply to this commentyou bitches
Reply to this commentVery Cool! Works fine in Google Chrome.
Reply to this commentA childhood dream come true. Thank you. :)
Reply to this commentNOW ENTERING-- LUDICROUS SPEED!!! AWESOME!
Reply to this commentso cool!
Reply to this commentGreat effect, I'm really high right now!!!
Reply to this commentHa, so am I!!!
Reply to this commentditto
Reply to this commentlol drugs
Reply to this commentit really starts to look great at about 50,000 stars.
Reply to this commentIt's working on Opperra 10
Reply to this commentNice.......!
Reply to this commentExcellent 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 commentSomething really different and cool. i can image what this must look like in colors
Reply to this commentCool:))))))
Reply to this commentCOOL.
Reply to this commentmuy bueno;lo que mas me sorprendio, fue que con la misma imagen se pueden producir efectos especiales.
Reply to this commentFreaking 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 commentexcelente,los efectos especiales que podemos producir al transformar la imagen
Reply to this commentIf you liked my experiment, you can also test this one:
http://www.chiptune.com/plasma.html
:)
Reply to this commenthold mouse 1!
M1 = HYPERSPEED!!!!!!!!!!!
Reply to this commentiglesia defensore de la fe
cristiana roca divina
pastor ramon tossas
Reply to this commentthis 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 commentThe chrome is vast & super fast its a chrome 'cool dude.
Reply to this commentLUV IT , I WAS REALLY IMPRESSED ! I WOULD LIKE TO SEE MORE OF UR WORK.
Reply to this commentmuy interesante, nice work!
Reply to this commentwoa 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 comment1 000 000 is a bit slow, even in chrome 3 :)
Reply to this commenthahaha, 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 commentTry 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 commentI love this.
Reply to this commentSweet!
Reply to this commentthis is using more processor on google Chrome that in firefox => bad ? :)
Reply to this commentI was playing with it for the last 20 mins ! :D
Awesome stuff
Reply to this commentjust try increasing the no. to 10000
Reply to this commentHas 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 commentWONDERFUL!!!! I love it!
Reply to this commentThat 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 commentI love it , it got me staring at it for hours!
Reply to this commentCool experiment! I used this as an inspiration for a KDE wallpaper: http://www.kde-look.org/content/show.php?content=105973
Reply to this commentIts 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 commentWhy would you have a computer without a mouse?
Reply to this commentYou ever heard of newly bought laptops with track pads?
Reply to this commentI love that you can go backwards (if you spin the scroll wheel far enough back)!
Very cool.
Reply to this commentGreat.
Reply to this commentnice
Reply to this commentWow, this works quite smoothly on an iPhone 3GS.
Reply to this commentsooooo cool! i love these kind of things! : D
Reply to this commentThis is so cool much cooler than the other experiments
Reply to this commentyou should make it so we don't have to scroll back or forward very far to get it to go fast
Reply to this commentdude that is so awesome! it really reminds me of Star Wars
Reply to this commentYeahhh..esta bien loco !!!!
Reply to this commentnow thats what i call an exceptional experiment. Creativity @ its peak... I love the effects.
Reply to this commentACTIVATE HYPERDRIVE!!!!
[pulls scroll wheel back really far]
Reply to this commentnice clear image .moves are alogarithmic looks fine at 1400P
Reply to this commentI love it! I think it would be nice to make as a desktop picture? Not sure, but it's really pretty
Reply to this commentBRILLIANT!!!!!!!!!!!!
Reply to this commentthis is awsome
Reply to this commentI 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 commenti see the firewall on...
Reply to this commentthatd be a sweet screensaver
Reply to this commentPěkný. Vidím, že html rozhodně není mrtvý a je v něm obrovskej potenciál...
Reply to this commentFantastic!
Reply to this commentGreat stuff, brings back win3.11 mems :-)
Reply to this commenttres cool! je l'adore bien! merci beaucoup pour cette chose extraordinaire!
Reply to this commentexcellent
Reply to this commentMind 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 commentIE 6, 7, & 8 are not HTML5 capable.
Reply to this commentWOW!! THIS IS COOL!!!!!!!
Reply to this commentreally cool effects
i love the whole thing
Reply to this commentRez Rules !
Reply to this commentOUTSTANDING!!!!
Reply to this commentVery beautiful. Great,
Reply to this commentgood
Reply to this commentGreat work! Keep it up..
Reply to this commentAbout 1fps in Opera 10 :(
Reply to this commentHuh? 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 commentTry pressing the mouse and spacebar at the same time. SQUIGGLES!!!! AWESOME!!!
Reply to this commentman thats so inspirational!!!
Reply to this commentWorks great in Firefox 3 too.
Reply to this commentIf 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 commentthat is so cool! awesome :D
Reply to this commentVery cool.
Reply to this commentwhoa ... haha .. that was pretty neat
Reply to this commentdude.it was awesome
Reply to this commentreally 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 commentVery Nice effect is like star wars very realistic
Reply to this commentWoah, don't you wish that was the windows screensaver ;pp
Reply to this commentVery cool. It is very entertaining for a space geek. Kinda like me.
Reply to this commentReally wonderfull
Reply to this commentWow! 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 commentThanks :@)
So much fun!
Reply to this commentGoodness gracious, this is really cool you all think? it's amazing to me.
Reply to this commentWowwwwwww this is coollllll nice done m8 :)
Reply to this commentwow awsome
Reply to this commentThis is beautiful !
Reply to this commentAHH makes me dizzy, Lol nice though
Reply to this commentGreat ! schem
Reply to this commentWelcome to my Google Page!
Reply to this commentkaka
Reply to this commentFantastic!
Reply to this commentvksharma
Reply to this commenthow do you make this your screen saver
Reply to this commentThat's impossible, but on Windows XP there is a star screensaver.
Reply to this commentIt is cooler to look at it full screen
Reply to this commentI 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 commentso beautiful when you change the number of stars to 9999
excellent!
Reply to this commentthis is incredible!
Reply to this commentWOW!!!! I like it.
Reply to this commentChange the color scheme and call it "Looking Up in a Snow Storm".
Excellent, Very well done!
Reply to this commentGreat!!!!
Reply to this commentI love this Christophe.Is there a way we can use as a screen saver?
Reply to this commentthat is really cool, my friend. keep up the good work!
Reply to this commentSuperb!
Reply to this commentI 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 commentscreen click effect = very nice
Reply to this commentVery nice!
Mesmerising :)
Reply to this commentHo, I forgot a last thing! If you press spacebar key you will stop/start "depth" movement.
Thank for your nice comments! :)
Reply to this commentAnd 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 commentcool :P :)
Reply to this commentTry putting it in fullscreen, just beautiful.
Reply to this commentIm seeing stars X.x
Nice & cre8tive
Reply to this commentI 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 commentAs 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 commentOr, 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 commentOops, I mean, use that URL to quadruple the number of stars.
Reply to this commentThat's beautiful.
Reply to this commentHa! Very slick! Best non-movie starfield effect I've seen! The changing length of the particles really makes it
Reply to this comment