Canvasio3D Light
The free way to show 3D-Models in WordPress

Canvasio3D Light | Free Version: 1.2.7

goto download
canvasio3d-light | Youtube overview and tutorial

7 Steps to your 3D-Model on your WordPress Website

    | 1 |Install and activate the plugin: “Canvasio3D Light” in WordPress
    | 2 |Upload all data of your 3D-Model in WordPress with the Media Manager e.g.: model.mtl | model.obj | model.jpg
    | 3 |Create a new empty page in WordPress for a test
    | 4 |When editing the new page, click at the top of the toolbar on the 3D Icon
    | 5 |After inserting the shortcode, mark the points with the mouse: objPath="..." and click the “Add File” button
    | 6 |Select a model in the Media Manager and enter the scale of the model in the shortcode, e.g.: „8“ like: objScale="8"
    | 7 |Refresh the page and view the result | The scaling may still adapt – done 🙂

 

Canvasio3D Light | Shortcode

3D-Models will be inserted through a shortcode entry in a page. Every shortcode „text block“ begins here with: [canvasio3D and has at the end: ] [/canvasio3D]. In between are the respective commands for the illustrated 3D-Model, such the colour: objColor="#FF0080" or the scaling of the Model: objScale="0.5" (Usually on the left is the command and after = comes in quotation marks the value for this command. Every command="value" must be separated by a space).

canvasio3d-light | free for wordpress
 
width=" " ( Width of the 3D-Window – Number – max.: 940 )
height=" " ( Height of the 3D-Window – Number – max.: 940 )
text=" " ( Info text in the 3D-Window )
textCol=" " ( Text color in Hex-Color value e.g.: #FF9900 )
border=" " ( Frame thickness e.g.: 3 – Number )
borderCol=" " ( Frame color in Hex-Color value e.g.: #dddddd )
backCol=" " ( Background color of 3D-Window in Hex-Color value e.g.: #FFFFFF )
dropShadow=" " ( Shadow frame of the 3D-Window e.g.: 4 – Number )
loadingText=" " ( Alternative text instead of “Loading …” )
Help=" " ( On / Off | Display error messages )
objPath=" " ( URL for the 3D-Model – File formats: .stl / Three- .js / .obj & .mtl / .dae )
objScale=" " ( Size of the 3D-Model e.g.: 0.05 – Number)
objCol=" " ( Color of the 3D-Model in Hex-Color value e.g.: #FFFFFF )
texturPath=" " ( URL for a separate texture | Not possible In the .stl format)
shine=" " ( Sheen in Hex-Color value e.g.: #FFFFFF )
ambient=" " ( Brightness of the Model in Hex-Color value e.g.: #FFFFFF )
lightSet=" " ( Various lightings: 1 to 8 – Number )
mouse=" " ( On | Mouse click & Mouse wheel functions )
rollMode=" " ( Auto / MouseOver | Rotation of the 3D-Model | Automatic rotation without a mouse: “off” )
rollSpeedH=" " ( Automatic horizontal rotation speed: 0 to ca. 20 – Number )
rollSpeedV=" " ( Automatic vertikale rotation speed: 0 to ca. 20 – Number )
zoom=" " ( Camera zoom – Number )
objPath=" " ( box, ball, panel, octa, torus | Alternative 3D-Models “easy3D-Model” )
floor=" " ( On | Switch a floor on )
floorHeight=" " ( Floor height | defaul=42 – Number )
reflection=" " ( fire, marvel, points, ruge, silver, spot, stars, water, shine1, shine2, shine3 | Additional 3D-Model reflection )
refVal=" " ( 1 to 10 | Strength of the 3D-Model reflection )
objShadow=" " ( On | Turns object shadow )
lightRotate=" " ( On | Turns rotation of Light Sets )