Laboratories
Hands-on experiments to explore new technologies, test ideas, expand my technical toolkit, and have fun.
Filters:
- docker
- magento
- react
- nextjs
- threejs
- 3d
- blender
- canvas
d3p1/lightsaber-effect
A lightsaber effect to improve my JS skills
Topics
- canvas
- creative-coding
- javascript
- javascript-animation
- laboratory
- pixel-processing
- typescript
- webcam-processing
d3p1/zig-zag
A zig zag game to improve my JS skills
Topics
- canvas
- creative-coding
- game-development
- javascript
- javascript-animation
- javascript-game
- laboratory
d3p1/midudev-react-course
A React course from midudev
Topics
- javascript
- laboratory
- react
- typescript
d3p1/torch-effect
A torch effect to improve my JS skills
Topics
- canvas
- creative-coding
- javascript
- laboratory
- pixel-processing
- typescript
- webcam-processing
d3p1/nextjs-3d-baked-scene
A 3D baked scene to improve my Next.js skills
Topics
- 3d
- blender
- canvas
- creative-coding
- fiber
- html5
- javascript
- laboratory
- nextjs
- react
- react-three-fiber
- three
- threejs
- typescript
- webgl
- webgl2
d3p1/bad-apple-with-apples-effect
An apple collection effect over the "Bad Apple!!" video to improve my JS skills
Topics
- canvas
- creative-coding
- javascript
- javascript-animation
- laboratory
- pixel-processing
- typescript
- video-processing
d3p1/r3f-computer-webcam-effect
A computer webcam effect to improve my R3F skills
Topics
- 3d
- blender
- canvas
- creative-coding
- fiber
- html5
- javascript
- laboratory
- pixel-processing
- react
- react-three-fiber
- three
- threejs
- typescript
- webcam-processing
- webgl
- webgl2
d3p1/three.js-journey
My journey to Three.js
Topics
- 3d
- blender
- canvas
- fiber
- game-development
- glsl
- javascript-game
- laboratory
- react
- react-three-fiber
- shaders
- threejs
- threejs-journey
- threejs-learning
- virtual-reality
- webgl
d3p1/r3f-scroll-animation
A scroll animation to improve my R3F skills
Topics
- 3d
- blender
- canvas
- creative-coding
- fiber
- html5
- javascript
- laboratory
- react
- react-three-fiber
- three
- threejs
- typescript
- webgl
- webgl2
d3p1/tic-tac-toe
React Tic-Tac-Toe tutorial
Topics
- laboratory
- react
d3p1/bad-apple-noise-effect-reverse
A reverse noise effect over the "Bad Apple!!" video to improve my JS skills
Topics
- canvas
- creative-coding
- javascript
- javascript-animation
- laboratory
- pixel-processing
- typescript
- video-processing
d3p1/nextjs-quizzes
Next.js quizzes tutorial
Topics
- laboratory
- nextjs
- react
- typescript
d3p1/r3f-table-configurator
A table configurator to improve my R3F skills
Topics
- 3d
- blender
- canvas
- creative-coding
- fiber
- html5
- javascript
- laboratory
- react
- react-three-fiber
- three
- threejs
- typescript
- webgl
- webgl2
d3p1/intertwining-illusion
An intertwining illusion effect to improve my JS skills
Topics
- canvas
- creative-coding
- javascript
- laboratory
- typescript
d3p1/nextjs-3d-floating-mesh
A 3D floating mesh animation to improve my Next.js skills
Topics
- 3d
- canvas
- creative-coding
- fiber
- html5
- javascript
- laboratory
- nextjs
- react
- react-three-fiber
- three
- threejs
- typescript
- webgl
- webgl2
d3p1/circle-illusion
A circle illusion implementation to improve my JS skills
Topics
- canvas
- creative-coding
- javascript
- javascript-animation
- laboratory
d3p1/merriweather-illusion
A Merriweather Illusion implementation to improve my JS skills
Topics
- canvas
- creative-coding
- javascript
- javascript-animation
- laboratory
d3p1/segment-intersection
A segment intersection implemention to improve my JS skills
Topics
- canvas
- javascript
- javascript-animation
- laboratory
- lerp
- math
d3p1/3d-css-cubes-and-balls
Balls inside cubes effect to improve my CSS skills
Topics
- 3d
- 3d-css
- css
- laboratory
d3p1/nextjs-torus
A torus effect to improve my Next.js skills
Topics
- 3d
- canvas
- creative-coding
- fiber
- html5
- javascript
- laboratory
- nextjs
- react
- react-three-fiber
- three
- threejs
- typescript
- webgl
- webgl2
d3p1/device-orientation-hologram-effect
A hologram effect using device orientation API to improve my JS skills
Topics
- creative-coding
- javascript
- javascript-animation
- laboratory
d3p1/3d-css-building
A building to improve my CSS skills
Topics
- 3d
- 3d-css
- css
- laboratory
d3p1/3d-css-perspective-cube
A perspective cube to improve my CSS skills
Topics
- 3d
- 3d-css
- css
- laboratory
d3p1/auto-typing
An auto typing effect to improve my JS skills
Topics
- creative-coding
- javascript
- javascript-animation
- laboratory
- typescript
d3p1/magnifier-illusion
A magnifier illusion effect to improve my JS skills
Topics
- canvas
- creative-coding
- javascript
- javascript-animation
- laboratory
- typescript
d3p1/r3f-cyber-truck-shader
A shader for a cyber truck to improve my R3F skills
Topics
- 3d
- blender
- canvas
- creative-coding
- fiber
- glsl
- html5
- javascript
- laboratory
- react
- react-three-fiber
- shaders
- three
- threejs
- typescript
- webgl
- webgl2
d3p1/r3f-zig-zag
A zig zag game to improve my R3F skills
Topics
- 3d
- canvas
- creative-coding
- fiber
- game-development
- html5
- javascript
- javascript-game
- laboratory
- rapier
- react
- react-three-fiber
- react-three-rapier
- three
- threejs
- typescript
- webgl
- webgl2
d3p1/nextjs-playground
A Next.js playground
Topics
- javascript
- laboratory
- nextjs
- react
- typescript
d3p1/missing-square-illusion
A missing square illusion to improve my JS skills
Topics
- canvas
- creative-coding
- javascript
- laboratory
- math
- typescript
d3p1/skills-write-javascript-actions
My clone repository
Topics
- github-actions
- laboratory
d3p1/bad-apple-noise-effect
A noise effect over the "Bad Apple!!" video to improve my JS skills
Topics
- canvas
- creative-coding
- javascript
- javascript-animation
- laboratory
- pixel-processing
- typescript
- video-processing
d3p1/realistic-spinning-wheel
A realistic spinning wheel to improve my JS skills
Topics
- canvas
- javascript
- javascript-animation
- js
- laboratory
d3p1/nextjs-dashboard
Next.js dashboard tutorial
Topics
- laboratory
- nextjs
- react
- typescript
d3p1/shredded-img-effect
A shredded image effect to improve my JS skills
Topics
- canvas
- creative-coding
- image-processing
- javascript
- javascript-animation
- laboratory
- typescript
d3p1/3d-css-cubic-chicken
A cubic chicken to improve my CSS skills
Topics
- 3d
- 3d-css
- css
- laboratory
d3p1/3d-css-perspective-sphere
A perspective sphere to improve my CSS skills
Topics
- 3d
- 3d-css
- css
- laboratory
d3p1/r3f-physics-playground
A physics playground to practice and improve my R3F skills
Topics
- 3d
- canvas
- creative-coding
- fiber
- game-development
- html5
- javascript
- laboratory
- rapier
- react
- react-three-fiber
- react-three-rapier
- three
- threejs
- typescript
- webgl
- webgl2
d3p1/r3f-character-dance
A character dance effect to improve my R3F skills
Topics
- 3d
- blender
- canvas
- creative-coding
- fiber
- html5
- javascript
- laboratory
- react
- react-three-fiber
- three
- threejs
- typescript
- webgl
- webgl2