Sweshi's Tutorials

Cocoos Creator 3D Mind Your Step Tutorial

Installation of Cocos Creator

To begin, first note that the game we are creating is based on the official documentation from the Cocos team. I have re-written aspects that I felt did not go smoothly for me but it is the same game fundamentally. You can find the original documentation on this link Mind Your Step - Documentation

I have used simpler language in my view to make the tutorial simpler for anyone to get into game development with Cocos Creator.

To begin,you can download the Cocos Dashboard on this link Cocos Dashboard and install it like any other program. When it starts up, you can create a developer account and click on "Install Editor" under the "Installs" section.

installation of creator.

You can then click on the editor of your choice to install. I normally just get the most recent.

Cocos Creator 3D Tutorial: Mind Your Step  - install editor of choice.

The game that will be created is a simple game where a player can jump on blocks up to 50 blocks with some empty spaces. While this is a simplistic game, it will teach the following concepts;

  • The Cocos Creator Editor's interface
  • How to create Cocos Creator a project
  • Creating scripts
  • Creating jumping animations within Cocos Creator
  • Spawning the road and trees
  • Creating a simple menu
  • Managing game states
  • Tracking scores
  • Basic Lighting and Shadows
  • The use of skeletal animations from 3D models
  • Adding Buttons
  • Building for web

You can check out the game on this link Play Demo or clicking on the GIF below.

Cocos Creator 3D Tutorial: Mind Your Step  - Cocos Creator.

Assets

You can download the asset files on this link Assets. Take note of the following.

  • You can find the animation files, 3D model and scripts in the "assets" directory.
  • The build directory is where you game will be built to for the specific platform you choose.
  • These are sets were freely given to me so they are freely given to you for any use.

Thank you for taking interest in this tutorial, you can also follow the video series on youtube and rumble but this website is better for copying the code from. You can contact me on my social media incase you have trouble, all the best :D



Videos