Category: Сайтостроение

burning

See the Code – See it Full Page – See Details I dream awake; nightmares. What is real, what is dream, I can’t tell anymore. This Pen uses: HTML, CSS, JavaScript, and Source: codepen

Avengers: Infinity Morph

See the Code – See it Full Page – See Details Thanks to @PointC for the inspiration with his amazing SVG Wars! I’m new to @greensock animation and this was the perfect project to get comfortable. I tried to amp up the challenge with each character. All svg artwork was created by me with the exception of the Avengers logos which I found on wikimedia. Thanks for watching! This Pen

Spatial Hash Canvas Particles

See the Code – See it Full Page – See Details Move your mouse to influence the particles. I am testing out a basic spatial hash to reduce the amount of collision calculations. The grid background represents the spatial hash and the brightness of each cell represents how many particles are in it. This Pen uses: HTML, SCSS, Babel, and Babel Source: codepen

Solar System Explorer in CSS in Chrome

See the Code – See it Full Page – See Details Explore the planets and moons of our solar system in pure CSS. Not a single line of JS used throughout, only images are planet textures taken from royalty free sites. Information about planets taken from space.com. This works on opera but is super jerky, Firefox has some issues with z-index. Mobile….no This Pen uses: Haml, SCSS, Babel, and Babel