gooooooooood* expression

THE EXPRESSION ATLAS

名前を引く。
可能性をひらく。

369の表現を、名称・用途・印象で横断検索。6領域・31カテゴリー、操作方法や作り方、A–Zでも。まだ名前を知らない表現も見つけられる索引です。

この条件で動くカードで探す ↗収録マップを見る ↓問いから始める17の探究コース ↓
全369件 · 同じ表現を関連する複数の分野から引けます

アニメーション MOTION

Fade inふわっと現れるFade out静かに消えるSlide up下からせり上がるSlide down上から降りてくるSlide left右から入るSlide right左から入るZoom in小さく始まり、大きくZoom out大きく始まり、収まるPop inぽん、と現れるBounceぽんぽん跳ねるFloatふわふわ浮くPulseゆっくり脈打つSwing吊られて揺れるWobbleぐらぐら揺れるShake X左右に首を振るShake Y上下に小さく揺れるRubber bandゴムのように伸びるJellyぷるんと震えるSpinくるりと一回転Flip X縦にひっくり返るFlip Y横にひっくり返る3D tilt立体的に傾くOrbit円を描いて巡るFigure eight8の字をたどるSpiral in回りながら現れるHinge out端からぶら下がり、落ちるRoll in転がって入るBlur inぼやけた輪郭が結ばれるBlur outぼやけながら消えるWipe right左から幕が開くWipe up下から幕が開くCircle reveal円が広がって現れるDiamond revealひし形が開くCurtain open中央から左右に開くDiagonal wipe斜めに切り開くBlob morph有機的に形を変えるSquare to circle四角が丸になるColor shift色が移り変わるGlowやわらかく光るShadow lift影とともに浮き上がるLetter spread文字の間がひらくTracking in文字が寄り集まるText glow文字の縁が光るSkew in斜めの勢いで入るTypewriter reveal文字を段階的に見せるSquash & stretchつぶれて、伸びるGrow X左端から伸びるElastic inばねのように収まるScroll scrubスクロール量に連動Scroll reveal once見えたら一度だけ再生Staggered entrance時間差で登場FLIP layout transition配置換えをなめらかにEased motion path曲線に沿って加減速CSS motion path道筋に沿って動かすSeamless marquee切れ目なく流れる繰り返しStagger interval時間差が順序をつくるTraveling wave波が順番に伝わるAnticipation & follow-through動き出す前に、少しためるCrossfade transition場面の重なりをつくるShared element transition同じカードが次の画面へDirectional wipe方向を持って場面を渡すPage fold面をめくって切り替えるKinetic typography文字ごとに波を渡すCoordinated timeline複数の動きを、一つの流れにするExploded layers部品を離して、構造を見せるSprite sheet animation一枚の画像から、動きを切り出すStop-motion timingコマを間引いて、手作りのリズムにHand-drawn line boil手描きの線が、小さく息をする

イージング EASING

Linearずっと、同じ速さEaseすっと進み、ゆっくり止まるEase inゆっくり始め、速く終わるEase out速く始め、静かに止まるEase in outゆっくり、速く、ゆっくりSine in穏やかに加速するSine out穏やかに減速するSine in out波のように、滑らかにQuad in少しずつ、速くなるQuad out少しずつ、ゆっくりになるQuad in outほどよい緩急で進むCubic inじわりと始まり、一気に進むCubic outすばやく進み、余韻を残すCubic in out前後をためて、中央で加速Quart in深くためて、勢いをつけるQuart out素早く移動し、長く減速Quart in out静かな両端、速い中央Quint inじっくりためて、駆け出すQuint outすぐに届き、そっと収まるQuint in out中央で一気に切り替わるExpo in静かな始まりから、急加速Expo out勢いよく進み、細かく近づくExpo in out中央を鋭く、前後を静かにCirc in円弧のように加速するCirc out勢いをすぐ抑えて収まるCirc in out中央に勢いが集まるBack in少し引いてから進むBack out少し行き過ぎ、戻って止まるBack in out引いて、行き過ぎて、収まるBounce in小さな跳ねから、駆け出すBounce out着地して、跳ね返るBounce in out跳ねて出発、跳ねて着地Elastic in揺れをためて、飛び出すElastic outばねのように、揺れて収まるElastic in out前後で弾み、中央を抜けるSteps4段階で、かくっと進む

物理・慣性 PHYSICS

Spring return離すとばねで戻るSpring dynamics重さを感じるばねGravity & restitution重力と跳ね返りDamped pendulum振り子の減衰Inertial throw投げて、滑って、止まるConfetti emitter小さな紙片が舞うAttraction field指先へ集まる粒子Multi-body collisionsぶつかる物体の力を読むConstraint cloth点と線から、布が生まれるShape-matching soft body押すと変わり、元の形へ戻るFluid advection study流れが、次の流れを運ぶ

時間・リズム RHYTHM

Staggered entrance時間差で登場Masked line reveal行の内側から文字が現れるSeamless marquee切れ目なく流れる繰り返しStagger interval時間差が順序をつくるTraveling wave波が順番に伝わるAlternating rhythm交互の動きで拍を刻むAnticipation & follow-through動き出す前に、少しためるKinetic typography文字ごとに波を渡すLooping video映像を継ぎ目なく繰り返すPing-pong playback行って、戻る映像Playback speed速度が映像の印象を変えるFrame scrubbing映像を一コマずつ読むCoordinated timeline複数の動きを、一つの流れにするInterruptible motion動いている途中でも、自然に戻るEnter & exit choreography登場と退場の役割を変えるStop-motion timingコマを間引いて、手作りのリズムに

画面遷移 TRANSITION

Wipe right左から幕が開くWipe up下から幕が開くCurtain open中央から左右に開くFLIP layout transition配置換えをなめらかにScene crossfade景色を重ねて切り替えるCrossfade transition場面の重なりをつくるShared element transition同じカードが次の画面へDirectional wipe方向を持って場面を渡すPage fold面をめくって切り替えるEnter & exit choreography登場と退場の役割を変えるNative view transitionブラウザが画面の変化をつなぐSmall gallery — composed example選ぶ動作で、作品の見え方が変わるSplit-flap display文字盤が、一枚ずつめくれる

モーフィング・変形 MORPH

Blob morph有機的に形を変えるCircle to star円から星へ、連続して変わるOrganic contour有機的な輪郭をつくるSuperellipse角丸の先にある形Bézier deformation一本の曲線を曲げるType disassembly文字を分解して組み直すIcon state morphメニューの線が、閉じる印へShape-matching soft body押すと変わり、元の形へ戻るWeighted skeletal deformation骨の動きを、表面へ伝えるMesh twist頂点をねじって、面を変える

スクロール・視差 SCROLL

Scroll scrubスクロール量に連動Scroll reveal once見えたら一度だけ再生Layered parallax層ごとに速さを変えるDepth parallax奥行き方向へ進むCounter-moving columns反対向きに流すPinned storytelling留まる画面で話を進めるVertical-to-horizontal scroll縦の操作で横へ進むScroll zoom-out引いて全体を見せるCircular scroll reveal円を広げて見せるScroll text fill文字に色を満たすScene crossfade景色を重ねて切り替えるReading progress ring読む進みを円で示すScroll-snap storytelling一場面ずつ切り替えるScroll-aware header上へ戻すと現れるヘッダーStacked sticky cardsカードが積み重なるScroll-spread typography文字を左右へほどくViewport progress見える位置に連動するScroll-velocity skew速さで傾く文字CSS scroll timelineスクロールを、CSSの時間にするReading room — composed example読む進度と、余白を組み合わせるScroll-linked videoスクロールが、動画の時間になる

形・線・輪郭 SHAPE

Border radius角丸Organic radius有機的な輪郭Polygon clipping多角形で切り抜くBorder styles線の表情Mask compositionマスクを引き算して輪郭を残すCircle to star円から星へ、連続して変わるOrganic contour有機的な輪郭をつくるSuperellipse角丸の先にある形Bézier deformation一本の曲線を曲げるAmplitude reactive shape音の大きさを形にするFreehand stroke指の軌跡を、一本の線にするHandwriting stroke sequence書く順序に沿って、文字を描くHand-drawn line boil手描きの線が、小さく息をする

色・配色 COLOR

HEX color16進数のカラーコードAlpha transparency色の透け具合HSL color色相・彩度・明度OKLCH lightness知覚を考慮した明るさColor mixingCSSで色を混ぜるChromatic aberration色の輪郭がずれるPalette relationships色同士の距離から配色するContrast ratio読める明暗差を確かめるColor-space interpolation中間の色は、混ぜ方で変わるSemantic theme役割を保ちながら、明暗を変えるMaterial configurator色と素材を、選んで比べるHolographic foil角度で、虹色が入れ替わるPearlescent surface真珠のように、色をひそませる

グラデーション GRADIENT

Linear gradient線形グラデーションRadial gradient放射状グラデーションConic gradient円錐形グラデーションRepeating gradient繰り返すグラデーションLayered gradients重ねてつくる色の雲Color-space interpolation中間の色は、混ぜ方で変わるHolographic foil角度で、虹色が入れ替わる

影・光・奥行き SHADOW

Soft shadow柔らかな影Hard shadow輪郭のある影Inset shadow内側の影Outer glow外側への発光Paper folds折り目から紙を感じるBloom compositing強い光が、周りへにじむFoil stamping study箔の輝きが、文字を走るEmbossed lettering紙から、文字が浮き上がるLetterpress impression紙に、文字が沈み込むPearlescent surface真珠のように、色をひそませるCaustic light pattern水底に、光の網が揺れる

質感・印刷表現 TEXTURE

Frosted glassすりガラスHalftone dots網点のパターンMultiply blend乗算で重ねるChecker pattern市松模様Displacement filterノイズで輪郭をゆがめるScreen blend光を重ねるスクリーンOverlay blend明暗で合成を切り替えるDifference blend色の差を見せるLuminosity blend明るさだけを重ねるHeat haze陽炎のように揺らぐOrdered dithering少ない階調で濃淡を描くSpecular roughnessつやの広がりを変えるPrint grain粒状感を重ねるPaper folds折り目から紙を感じるPrint misregistration版のずれを見せるCut-paper collage切った形を重ねるDuotone mapping二色で、画像の調子を整えるPosterization階調を減らして、面を見つけるImage displacement画像を読む場所を、ずらすFoil stamping study箔の輝きが、文字を走るEmbossed lettering紙から、文字が浮き上がるLetterpress impression紙に、文字が沈み込むInk bleedインクが、輪郭の外へ広がるDistressed inkかすれから、印刷の手触りをつくるHolographic foil角度で、虹色が入れ替わるPearlescent surface真珠のように、色をひそませるGlass lens refraction透明な面が、背景を曲げるCaustic light pattern水底に、光の網が揺れるCRT scanlines走査線を重ねて、画面の記憶をつくるVHS tracking drift水平の揺れで、テープの表情をつくるHand-drawn line boil手描きの線が、小さく息をする

写真・画像表現 IMAGE

Grayscale filter白黒にするHue rotation色相を回転するGradient maskなだらかに隠すCircular crop円形にトリミングFeathered mask境界をぼかして見せるVenetian mask細い窓から全体を見せるScreen blend光を重ねるスクリーンOverlay blend明暗で合成を切り替えるDifference blend色の差を見せるLuminosity blend明るさだけを重ねるRipple refraction波紋で景色をゆがめるHeat haze陽炎のように揺らぐChromatic aberration色の輪郭がずれるOrdered dithering少ない階調で濃淡を描くEnvironment reflection周囲の景色を映すTypographic image文字の密度で絵をつくるPrint grain粒状感を重ねるCut-paper collage切った形を重ねるCinemagraph window一部分だけが動くResponsive art direction幅に応じて、構図を変えるSmall gallery — composed example選ぶ動作で、作品の見え方が変わるDuotone mapping二色で、画像の調子を整えるPosterization階調を減らして、面を見つけるImage displacement画像を読む場所を、ずらすDepth-of-field layers焦点を、奥行きの中で選ぶImage comparison wipe境界を動かして、二枚を比べるInspection loupeルーペで、細部を確かめるSynchronized image zoom二枚の拡大位置を揃えるMaterial configurator色と素材を、選んで比べるGlass lens refraction透明な面が、背景を曲げるSlice glitch映像の一部が、ずれて戻るCRT scanlines走査線を重ねて、画面の記憶をつくるVHS tracking drift水平の揺れで、テープの表情をつくるPixel sorting画素を並べ替えて、色を流すFrame sequence turntable連番画像で、商品を回して見る

マスク・出現 MASK

Wipe right左から幕が開くWipe up下から幕が開くCircle reveal円が広がって現れるDiamond revealひし形が開くCurtain open中央から左右に開くGradient maskなだらかに隠すScroll reveal once見えたら一度だけ再生Pointer spotlight指先を追うスポットライトMasked line reveal行の内側から文字が現れるMask compositionマスクを引き算して輪郭を残すDirectional wipe方向を持って場面を渡すFeathered mask境界をぼかして見せるVenetian mask細い窓から全体を見せるText knockout文字を窓にするScratch reveal削って、下の絵に出会うTypographic image文字の密度で絵をつくるCinemagraph window一部分だけが動くImage comparison wipe境界を動かして、二枚を比べるDistressed inkかすれから、印刷の手触りをつくる

合成・ブレンド BLEND

Mask compositionマスクを引き算して輪郭を残すScreen blend光を重ねるスクリーンOverlay blend明暗で合成を切り替えるDifference blend色の差を見せるLuminosity blend明るさだけを重ねるPrint misregistration版のずれを見せるBloom compositing強い光が、周りへにじむVideo compositing動く映像を、別の層と重ねる

タイポグラフィ TYPOGRAPHY

Letter spacing字間Line height行間Text outline文字の輪郭線Gradient text文字にグラデーションVertical writing縦書きStaggered entrance時間差で登場Text on a path曲線に文字を沿わせるMasked line reveal行の内側から文字が現れるSeamless marquee切れ目なく流れる繰り返しText knockout文字を窓にするVariable font weight文字の太さを連続して変えるKinetic typography文字ごとに波を渡すType disassembly文字を分解して組み直すTypographic image文字の密度で絵をつくるPrint misregistration版のずれを見せるFluid type & spacing文字も余白も、連続して変わるReading room — composed example読む進度と、余白を組み合わせるVariable font axes幅・傾斜・光学サイズを触るRuby typography読みに、小さな手がかりを添えるJapanese line breaking行頭と行末の、整え方Balanced headlines改行の位置も、デザインするSearch term highlighting見つかった言葉を、浮かび上がらせるText scramble resolve文字の混沌から、言葉が現れるRolling digit counter数字が回転して、値に届くSplit-flap display文字盤が、一枚ずつめくれるHandwriting stroke sequence書く順序に沿って、文字を描くFoil stamping study箔の輝きが、文字を走るEmbossed lettering紙から、文字が浮き上がるLetterpress impression紙に、文字が沈み込むInk bleedインクが、輪郭の外へ広がるDistressed inkかすれから、印刷の手触りをつくる

レイアウト・余白 LAYOUT

CSS Grid縦横をそろえるグリッドFlexbox一方向に並べるSpanning grid大小を組み合わせるグリッドLayered composition重ねて組むSpacing scale余白の尺度FLIP layout transition配置換えをなめらかにContainer queries部品の幅に合わせて組み替えるDrag & snap離すと、位置がそろうCut-paper collage切った形を重ねるIntrinsic grid入るだけの列をつくるLayout density余白で情報の密度を変えるAlignment rhythm整列を少し崩すVisual hierarchy大きさで読む順序をつくるFluid type & spacing文字も余白も、連続して変わるResponsive art direction幅に応じて、構図を変えるSubgrid alignment部品をまたいで列を揃えるInput-adaptive controls指とマウスで、触れる幅を変えるObject shop — composed example商品を知り、選び、加えるExploded layers部品を離して、構造を見せるAlignment guides配置の基準線に、吸い付くInfinite canvas画面の外へ、どこまでも進むOverview to detail全体から、気になる場所へ近づくNavigable minimap小さな地図で、現在地を知るSemantic zoom近づくほど、説明が詳しくなる

デザイン様式 STYLE

Minimal composition要素を絞った構成Typographic grid文字とグリッドの構成Bold borders太い輪郭と強い配色Editorial contrast書体にコントラストをつけるRetro interfaceレトロな画面構成Object shop — composed example商品を知り、選び、加えるReading room — composed example読む進度と、余白を組み合わせるSmall gallery — composed example選ぶ動作で、作品の見え方が変わるThoughtful form — composed example迷わず入力して、完了を知る

UIパーツ UI

Disclosure開閉する情報Toggle switch切り替えスイッチRange input連続値のスライダーSegmented selection選択肢を並べるSkeleton loading内容が入る前の形を見せるModal dialog集中する場所をつくるAnchored popoverきっかけの近くで開くTooltip with focus触れる・選ぶで補足を読むDisclosure navigationメニューを開いて選ぶInline validation直す場所がすぐわかるAsync submit states待つ・完了・再試行を伝えるEmpty state空の場所から次へ進めるUndo feedback取り消せる安心感をつくるThoughtful form — composed example迷わず入力して、完了を知るIcon state morphメニューの線が、閉じる印へMaterial configurator色と素材を、選んで比べるProduct annotations気になる部分から、説明を読むSortable sequenceつかんで、順序を変えるTransfer between lists二つのリストを行き来するMarquee selection範囲を囲って、まとめて選ぶAutocomplete suggestions入力の途中で、候補に出会うSearch term highlighting見つかった言葉を、浮かび上がらせるFilter chips選んだ条件を、小さな札にする

UIの反応 INTERACTION

Hover elevation触れると浮くFocus ring操作位置を示す輪郭Scroll snap区切りに吸着するスクロールResizable region大きさを変えられる領域Pointer spotlight指先を追うスポットライトSpring return離すとばねで戻るSpring dynamics重さを感じるばねInertial throw投げて、滑って、止まるMagnetic attraction近づくと吸いつくDrag & snap離すと、位置がそろうPinch & rotate二本の指で拡大・回転Input-adaptive controls指とマウスで、触れる幅を変えるInterruptible motion動いている途中でも、自然に戻るReduced-motion alternative動きを減らしても、意味を残すMultimodal feedback色だけに、意味を預けないObject shop — composed example商品を知り、選び、加えるThoughtful form — composed example迷わず入力して、完了を知るSynchronized image zoom二枚の拡大位置を揃えるProduct annotations気になる部分から、説明を読むAutocomplete suggestions入力の途中で、候補に出会うFilter chips選んだ条件を、小さな札にする

ジェスチャー・追従 GESTURE

Pointer spotlight指先を追うスポットライトSpring return離すとばねで戻るInertial throw投げて、滑って、止まるAttraction field指先へ集まる粒子Scratch reveal削って、下の絵に出会うMagnetic attraction近づくと吸いつくPointer trail軌跡が少しだけ残るDrag & snap離すと、位置がそろうPinch & rotate二本の指で拡大・回転Freehand stroke指の軌跡を、一本の線にするConstraint cloth点と線から、布が生まれるImage comparison wipe境界を動かして、二枚を比べるInspection loupeルーペで、細部を確かめるSortable sequenceつかんで、順序を変えるTransfer between lists二つのリストを行き来するMarquee selection範囲を囲って、まとめて選ぶAlignment guides配置の基準線に、吸い付くInfinite canvas画面の外へ、どこまでも進むOverview to detail全体から、気になる場所へ近づくNavigable minimap小さな地図で、現在地を知るSemantic zoom近づくほど、説明が詳しくなる

粒子・群れ PARTICLES

Particle network距離でつながる星座Confetti emitter小さな紙片が舞うAttraction field指先へ集まる粒子Phyllotaxis arrangement黄金角で点を並べるPointer trail軌跡が少しだけ残るSound reactive particles音で粒子が呼吸するBoids flocking個体のルールから、群れが生まれる

生成・アルゴリズム GENERATIVE

Particle network距離でつながる星座Phyllotaxis arrangement黄金角で点を並べるFlow field数式で向きを配るRecursive tree同じ規則で枝を増やすVoronoi regionsいちばん近い点で区切るElementary cellular automaton三つの隣から、次を決めるMoiré interference細い線から、大きな縞が生まれるPrint grain粒状感を重ねるFluid advection study流れが、次の流れを運ぶBoids flocking個体のルールから、群れが生まれるReaction–diffusion反応する二つの量が、模様をつくるCaustic light pattern水底に、光の網が揺れるPixel sorting画素を並べ替えて、色を流す

シェーダー・映像変形 SHADER

Displacement filterノイズで輪郭をゆがめるRipple refraction波紋で景色をゆがめるHeat haze陽炎のように揺らぐChromatic aberration色の輪郭がずれるOrdered dithering少ない階調で濃淡を描くSDF ray marching距離の関数から、立体を見つけるBloom compositing強い光が、周りへにじむDepth-of-field layers焦点を、奥行きの中で選ぶ

錯視・知覚 ILLUSION

Moiré interference細い線から、大きな縞が生まれるSimultaneous contrast同じ灰色が違って見えるFigure & ground器と横顔を行き来するMüller-Lyer illusion同じ長さを見比べる

SVG・アイコン SVG

Stroke linecap線の端の形Stroke dasharray線を破線にするBézier curveベジェ曲線Even-odd fill重なる内側を抜くSVG line drawing線を描いて見せるDisplacement filterノイズで輪郭をゆがめるText on a path曲線に文字を沿わせるBézier deformation一本の曲線を曲げるIcon state morphメニューの線が、閉じる印へ

3D・立体表現 3D

CSS perspective遠近感をつけるCSS cubeCSSで組む立方体Card flip裏返して見せるIsometric-style layers等角投影風の重なりMoving light光源で立体を読むSpecular roughnessつやの広がりを変えるEnvironment reflection周囲の景色を映すOrbit camera立体の周りを回るSpatial audio音の場所と距離を変えるEmbedded glTF meshモデルのデータから立体を描くWeighted skeletal deformation骨の動きを、表面へ伝えるCamera framing同じ立体を、違う距離感で見るMesh twist頂点をねじって、面を変えるSDF ray marching距離の関数から、立体を見つけるDepth-of-field layers焦点を、奥行きの中で選ぶExploded layers部品を離して、構造を見せるFrame sequence turntable連番画像で、商品を回して見る

データの見せ方 DATA

Bar chart棒グラフDonut chartドーナツグラフSparkline小さな折れ線グラフHeatmap色で量を示すFrequency spectrum音の中の成分を見るLive waveform鳴っている音を線で見るScatter plot二つの量の関係を、点で読むNetwork diagramつながりを、線で読むProportional symbol map場所と量を、重ねて読むSlice-and-dice treemap面積で、内訳を読むTime-series reveal変化を、時間に沿って読むData storytelling全体から、注目点へ導くRolling digit counter数字が回転して、値に届くInfinite canvas画面の外へ、どこまでも進むOverview to detail全体から、気になる場所へ近づくNavigable minimap小さな地図で、現在地を知るSemantic zoom近づくほど、説明が詳しくなる

音・サウンド SOUND

Click小さなクリックPopはじけるポップSoft tap柔らかなタップAscending notification上がる通知音Descending notification下がる通知音Success phrase完了を知らせるフレーズLow double tone低い二音のサインDouble reminder二回のリマインドSwitch snapスイッチの切り替えSoft bell柔らかなベルThree-note chime三音のチャイムShimmerきらめく粒Pitch sweep音程のスイープFiltered whoosh風のような通過音Even pulse等間隔のパルスDouble beat二連の鼓動Attack & release音の立ち上がりと余韻Oscillator timbre波形で音色を変えるLow-pass filter高い成分を削るFeedback delay遅れて返る音Convolution reverb音に空間を与えるSpatial audio音の場所と距離を変えるAmplitude reactive shape音の大きさを形にするFrequency spectrum音の中の成分を見るLive waveform鳴っている音を線で見るSound reactive particles音で粒子が呼吸するAudio-clock beat sync音の拍と、動きの拍を揃えるEqual-power audio crossfade二つの音源を、なめらかに渡すMicrophone reactive shape今いる場所の音が、形になる

音と映像の連動 AUDIOVISUAL

Spatial audio音の場所と距離を変えるAmplitude reactive shape音の大きさを形にするFrequency spectrum音の中の成分を見るLive waveform鳴っている音を線で見るSound reactive particles音で粒子が呼吸するAudio-clock beat sync音の拍と、動きの拍を揃えるEqual-power audio crossfade二つの音源を、なめらかに渡すMicrophone reactive shape今いる場所の音が、形になる

映像の見せ方 MEDIA

Waveform graphic波形のグラフィックAspect ratio映像の縦横比Caption contrast字幕の背景Looping video映像を継ぎ目なく繰り返すPing-pong playback行って、戻る映像Playback speed速度が映像の印象を変えるFrame scrubbing映像を一コマずつ読むCinemagraph window一部分だけが動くScroll-linked videoスクロールが、動画の時間になるVideo compositing動く映像を、別の層と重ねるSlice glitch映像の一部が、ずれて戻るCRT scanlines走査線を重ねて、画面の記憶をつくるVHS tracking drift水平の揺れで、テープの表情をつくるSprite sheet animation一枚の画像から、動きを切り出すStop-motion timingコマを間引いて、手作りのリズムに

FOLLOW YOUR CURIOSITY

ひとつの問いから、分野を横断する。

順番に触って、違いを見つける。気になる途中の表現から始めても大丈夫です。

FROM A TECHNIQUE TO AN EXPERIENCE

どこまで広がった？

収録を広げてきた23の領域。基本例から応用例、完成例へたどれます。Web表現全体の網羅率を示すものではありません。

3D・物理の一部は仕組みを理解するための簡易モデルです。CPU描画・代替表示・許可が必要な機能は各見本に明記しています。iOSなど実機ごとの動作確認は引き続き必要です。