Home /  Sketchbook /  p5.js - Solar System 3D Texturized - Coding Challenge #9
  • < Prev
  • Info

Overview

This is a p5.js sketch inspired by the Coding Train’s Coding Challenge #9 on applying textures to the 3D solar system.

Built off of the Solar System 3D sketch.

Key learnings:

  • The preload() p5.js function allows for easy preloading of assets (eg. image files) to make sure they are available by the time setup()` runs.
  • The texture() p5.js function allows for wrapping an image around the next 3D primitive drawn.

Controls

(No interactivity implemented yet).

References:

  • solarsystemscope.com (Planet Textures)
  • p5.js / preload()
  • p5.js / texture()

Links:

  • Live View
  • Source on Github
  • Steps of Development

Screenshot:

screenshot