3D 360° Photosphere – RPG Maker MV Plugin

RPG Maker MV 360 Photosphere Effect Plugin
By: Soul – soulxregalia.wordpress.com

DOWNLOAD (Dropbox)

Installation:
After placing this plugin on your js/plugins folder, you must place the following js plugins under your js/plugins folder:

three.js
Detector.js

These two must be ABOVE the 360 Photosphere plugin.

If you do not have the plugin, You can download the three.js in their official site:
https://threejs.org/
ADDITIONAL INFO:

What’s the best photo to be uploaded and used for this scene?
A panoramic photo or a photo in the power of twos. Don’t upload small ones because it would be pixelated. You can also use equirectangular photographs. They will be seamless when they are wrapped around the sphere.

This does not support the ff yet:
– 2 button combination
– Mouse (Orbit Controls feels really weird with MV)
– Tiling

USING YANFLY’S CUSTOM KEYBOARD FUNCTIONS?

If you’re using yanfly’s custom keyboard functions, remember to type the same control name of the keymap in the Scene or Spriteset Control. For example, if you want to use WASD in controlling the orbit of the sphere, you use whatever you used with Yanfly’s plugin. So if you want to use the WASD, use W A S D keys in the controls.

Place all the images under your specified directory. If you are using a non existent folder, create it.

PLUGIN COMMANDS:

If you want to display the photosphere via scene:

Soul : Photosphere : Scene : imageName: autoOrbit : width : height : Start

If you want to display the photosphere via spriteset:

Soul : Photosphere : Spriteset : Setup : imageName : autoOrbit : width : height : x : y

where imageName is the name of the image used. Make sure you add the file extension as well.
where autoOrbit if you want to make the orbiting automatic or not. true or false only.
where width is the screen width for the renderer panel
where height is the screen height for the renderer panel
where x is the x position of the photosphere on the screen
where y is the y position of the photosphere on the screen

example:
SCENE:
Soul : Photosphere : Scene : comfyroom.jpg : true : Start

SPRITESET:
Soul : Photosphere : Spriteset : Setup : comfyroom.jpg : true : 512 : 512

However, if you’re placing it on the spriteset, it doesn’t automatically gets itself added. You have to add it. Use the plugin command

Soul : Photosphere : Spriteset : Show

to show the photosphere or use

Soul : Photosphere : Spriteset : Hide

to hide the photosphere.

So if you, say, want to display it via spriteset, the whole plugin command set would be:
Soul : Photosphere : Spriteset : Setup : comfyroom.jpg : true : 512 : 512
Soul : Photosphere : Spriteset : Show

If you want to change the orbit speed when you use your keys, use this plugin command:

Soul : Photosphere : OrbitSpeed : speedNumber

where speedNumber is the speed value you want for the manual orbit.

Example:

Soul : Photosphere : OrbitSpeed : 0.01

If you want to change the automatic orbit speed, use this plugin command:

Soul : Photosphere : AutoOrbitSpeed : speedNumber

where speedNumber is the speed value you want for the automatic orbit.

ARE YOU USING A PARALLAX MAPPING PLUGIN?

Make sure that this plugin is ABOVE any plugin that has to do with maps.

Credits to Bjørn Sandvik for ff:
Photosphere for ThreeJS tutorial.
Photosphere Effect for native ThreeJS.

Credits to:
alteredq / http://alteredqualia.com/
mr.doob / http://mrdoob.com/

for Detector.js

You are free to:
Share, Adapt and Modify this plugin.

Free for Commercial and Non Commercial Use.

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s