index
of
studies
(146)
A collection of ideas and experimental works accumulated over the years.I believe these works strongly reflect the thinking and style that are essential to my creative practice.
id
title
field
- 2026 (20)
-
S-001
Oil Paint Style Trail
WebGL
S-002
Chain Animation Wiggle
JavaScript
S-003
ASCII Mouse Interaction
JavaScript
S-004
Random Generative Art
JavaScript
S-005
MediaPipe Drag and Drop
MediaPipe
S-006
MediaPipe Particle
MediaPipe
S-007
Blob Tracking Style
MediaPipe
S-008
MediaPipe Drag Card
MediaPipe
S-009
MediaPipe Move Lists
MediaPipe
S-010
MediaPipe Toggle Button
MediaPipe
S-011
Fluid Finger Control
MediaPipe
S-012
ASCII Device Camera
JavaScript
S-013
CSS Perspective Animation
CSS
S-014
Repulsive Pixel Grid
JavaScript
S-015
Map Texture Animation
WebGL
S-016
Love Emoji Challenge
JavaScript
S-017
Countup Loading Anime.js
JavaScript
S-018
Power of Numbers
JavaScript
S-019
SF Static Scene
WebGL
S-020
Follow the Happiness
JavaScript
- 2025 (78)
-
S-021
Drag to Move Object
JavaScript
S-022
Pull to Switch
JavaScript
S-023
Exclude Certain Colors
WebGL
S-024
Torus Blending Noise
WebGL
S-025
Motion Blur Style
WebGL
S-026
Separate Image Area
JavaScript
S-027
Mix Blend Mouse Trail
CSS
S-028
Items Sticky
JavaScript
S-029
Switch ClipPath
JavaScript
S-030
Lottie CircleAnimation
JavaScript
S-031
Film Grain with BGM
WebGL
S-032
Domain Warp
WebGL
S-033
Gradation Noise
WebGL
S-034
2D Marker by Three.js
WebGL
S-035
CardHover Transition
JavaScript
S-036
Heart Dot
JavaScript
S-037
WebCamera Effect
WebGL
S-038
GPU Trail
WebGL
S-039
Level Up 28
JavaScript
S-040
FlowField Particles Style
WebGL
S-041
Afterimage Text
JavaScript
S-042
Linked Animation
JavaScript
S-043
Baked Stone
WebGL
S-044
Cursor Collision
WebGL
S-045
Attention from Arrow
JavaScript
S-046
BulkBox with WebGPU
WebGL
S-047
Smooothy Slider
JavaScript
S-048
Lens-like Distortion
WebGL
S-049
LensDistortion
Blender
S-050
2D ASCII Art
JavaScript
S-051
Scroll Overlapping Images
JavaScript
S-052
TextAvoid Demo by MenuXL
JavaScript
S-053
Mix Noise
WebGL
S-054
Distance Interface
JavaScript
S-055
Square Layer
JavaScript
S-056
LiquidEffect Video
WebGL
S-057
Floor Mirror
WebGL
S-058
Mouse Adsorption
JavaScript
S-059
Flower Glass
WebGL
S-060
Draggable Image
JavaScript
S-061
RaycasterMouseNoise
WebGL
S-062
VideoPlayFrame
JavaScript
S-063
VideoPlayScroll
JavaScript
S-064
GridBoxTexture
WebGL
S-065
LeafFall
JavaScript
S-066
SplitTextGsap
JavaScript
S-067
DraggableGsap
JavaScript
S-068
EyeMouse
JavaScript
S-069
BottleLab
JavaScript
S-070
Falling Alphabet
JavaScript
S-071
StableFluidsNoise
WebGL
S-072
WaterReflection
WebGL
S-073
ClashFbo
WebGL
S-074
MonochromeLiquid
WebGL
S-075
FixedBG Cards
JavaScript
S-076
ClipImageOpening
CSS
S-077
DynamicLine
CSS
S-078
SelectItemMove
JavaScript
S-079
RedVideoFilter
CSS
S-080
ScaleSection Image
CSS
S-081
MetaBall
WebGL
S-082
ParticleModel
WebGL
S-083
StokerImage
JavaScript
S-084
CrossCurl
WebGL
S-085
SimplexNoise
WebGL
S-086
MouseTrail
WebGL
S-087
LiquidNoise
WebGL
S-088
RedStableFluids
WebGL
S-089
HoldChange
JavaScript
S-090
InfinityImage
JavaScript
S-091
ClipVisual
CSS
S-092
Instanced
WebGL
S-093
Faint Film
JavaScript
S-094
Curaffy
JavaScript
S-095
Dayloog
JavaScript
S-096
Generator
JavaScript
S-097
Portfolio v7
JavaScript
S-098
30 Create
JavaScript
- 2024 (29)
-
S-099
SmoothSwitch
WebGL
S-100
GlassCube
WebGL
S-101
Lab Report 03
WebGL
S-102
Lab Report 05
WebGL
S-103
Portfolio v6
JavaScript
S-104
404Noise
WebGL
S-105
PNoise DeformedMesh
WebGL
S-106
SimpleCollisionDetection
WebGL
S-107
WavePanel
WebGL
S-108
ToonEffect
WebGL
S-109
BlockShift
WebGL
S-110
Lighting+RGB
WebGL
S-111
SinkPanel
WebGL
S-112
Background Noise
WebGL
S-113
ObjectRooms
WebGL
S-114
GodRays
WebGL
S-115
Tree Animation
WebGL
S-116
ReflectionQueen
WebGL
S-117
SnoiseTexture
WebGL
S-118
DistortionScroll
JavaScript
S-119
DistortionChange
WebGL
S-120
Morphing Particle
WebGL
S-121
Ripples Effect
WebGL
S-122
BounceEmoji
JavaScript
S-123
Dissolve Effect
Blender
S-124
Liquid Simulation
Blender
S-125
Balloon Text
Blender
S-126
GlassBox Morphing
Blender
S-127
Metallic Text
Blender
- 2023 (19)
-
S-128
ShaderNoise
WebGL
S-129
CircleAnimation
CSS
S-130
ClashImage
JavaScript
S-131
SNoise
WebGL
S-132
CurlNoise
WebGL
S-133
ThreeGlass
WebGL
S-134
NoiseImage
WebGL
S-135
BlenderPoints
WebGL
S-136
MouseMoveGallery
JavaScript
S-137
ParallaxImageSlider
JavaScript
S-138
GenerativeStyleBoxs
WebGL
S-139
BoxMovement V2
WebGL
S-140
BoxMovement
WebGL
S-141
MouseMovement
JavaScript
S-142
PointsMaterial
WebGL
S-143
Curve with canvas
WebGL
S-144
MouseMove Raycaster
WebGL
S-145
Vanilla MenuAnimation
JavaScript
S-146
DomMouseShift
JavaScript
The works featured here are personal projects.For other client projects, please refer to 4WIDE.I handle everything from design to implementation, and partial involvement is also possible.
© tomoya okada