Playing with rendering winter forest scene in three.js
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// Use Gists to store code you would like to remember later on | |
console.log(window); // log the "window" object to the console |
A little infinite spinner made in pure canvas.
A Pen by Sylvain Reucherand on CodePen.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<svg version="1.1" id="mittens" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="286px" height="380px" viewBox="0 0 286 380" enable-background="new 0 0 286 380" xml:space="preserve"> | |
<g class="mitten_left"> | |
<path class="left_string" fill="#5B4831" d="M90.963,77.726L72.86,207.13c-0.209,1.37-1.416,2.367-2.867,2.384l0,0 | |
c-0.139,0-0.278,0-0.414-0.016l0,0c-1.624-0.214-2.73-1.6-2.522-3.102l0,0L87.06,63.555l2.798-0.186"></path> | |
<path class="glove_1" fill="#09B0A6" d="M113.38,210.824l-59.726-19.3l-10.881,21.93l-0.275,0.767l-25.147,7.666 | |
c-6.46,1.962-10.018,8.516-7.911,14.626c2.07,6.115,8.979,9.48,15.477,7.518l7.668-2.351l-6.254,17.338 | |
c-6.182,17.113,3.492,35.712,21.557,41.548c18.065,5.847,37.72-3.288,43.905-20.385L113.38,210.824z"></path> |
See also: Galaxy
Edit: Big thanks to @lightest and @jackrugile for the performance boost.
I'm getting super laggy performance on Firefox even with a low (50-100) number of particles and bad flickering on Chrome. Any ideas what it could be?
Edit: I mean. That flickering is totally intentional. Because they're stars. And stars appear to flicker.
A Pen by Mladen Stanojevic on CodePen.
Particles with TweenMax & EaselJS
A Pen by Dimitra Vasilopoulou on CodePen.
ThreeJS/WebGL Soundcloud player/visualizer based on HTML5 AudioContext API, see JS comments for full list of credits. PS: Doesn't load on the preview grid
A Pen by Luigi Mannoni on CodePen.
OlderNewer