artemuzz

CSS transform animation stress test

A Pen by Julian Garnier on CodePen.

License.

artemuzz

anime.js seamless infinite looping animation

Animating 4 transforms properties on +200 dom elements with individual timing values.

A Pen by Julian Garnier on CodePen.

License.

artemuzz

iCraft

An attempt to create a dumbed-down clone of Minecraft programmed to the standards of the very first version (known as “Cave Game”). Build in a small world of classic Apple! Blocks you place are random iMac models, but silicon will always mark the main ground layer.

🕹 Controls

Action	Input
Forward	W
Left	A

artemuzz

Blocky Digital Clock

A digital clock inspired by some typography in the GameCube BIOS. No IE support.

Update 7/17/19: Refactored Sass

A Pen by Jon Kantner on CodePen.

License.

artemuzz

<form>
	<input type="checkbox" name="lever" class="lever pristine" id="lever" value="lever value" role="switch" aria-label="lever" aria-checked="false">
	<label for="lever"><span>On</span></label>
	<label for="lever"><span>Off</span></label>
</form>

artemuzz

5 Lines: SVG Stroke Animation

Created for the 5 lines CodePen Challenge

A Pen by Ryan Mulligan on CodePen.

License.

artemuzz

- let [i, lines] = [0, 90];
.container(style=`--n_start: ${lines}`)
	while (i < lines)
		.line(style=`--n: ${i}`): - i++

artemuzz

Anime.js Ease Visualizer

A Pen by Monika on CodePen.

License.

artemuzz

<script src="https://threejs.org/build/three.js"></script>

artemuzz

- var n = 128, ha = Math.PI/n;

style 
	| :root {
	| 	--n: #{n};
	| 	--f: #{Math.tan(ha)}
	| }
while n--
	.spike(style=`--i: ${n}`)