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