Behind the 3D QR code effect in ppqr.app

Presented at National Coding Day 2023

Source code

• ppqr.app
• From Canvas2D to WebGL

Visualization source code

• 3D projection
• How each buffer affect the rendered result
• Rotation axes

References

• WebGL Fundamentals
• Perspective drawing
• rotate3d

Links

• ppqr.app
• YouTube
• Creatorsgarten
  • Facebook Page ← Stay tuned for more events here

Original live videos

• Part 1
• Part 2