Set canvas render material for sprites

This commit is contained in:
n00b87
2025-08-31 21:50:38 -05:00
parent a25b4ad6ec
commit bfdff4207a
24 changed files with 1446 additions and 1119 deletions

Binary file not shown.

Before

Width:  |  Height:  |  Size: 50 KiB

After

Width:  |  Height:  |  Size: 40 KiB

View File

@@ -14,7 +14,7 @@
<p>
The main properties panel is where a majority of settings for the material is set.
</p>
<p><img src="images/serenity_material_properties.png" ></p>
<p><img src="images/serenity_material_properties.png" width=600 height=600></p>
<p>
<br>
</p>
@@ -25,6 +25,16 @@
<p>
<br>
</p>
<p>
The FX Varialbe panel is where you can set variables that are used to control FX Materials. Check the SetMaterialConstant() function for info on which variables are available on which materials.
</p>
<p><img src="images/serenity_fx_var_panel.png" ></p>
<br><p>Related:
<a href="setmaterialconstant.html">SetMaterialConstant</a>
</p>
<p>
<br>
</p>
<p>
The material preview allows you to view the current material on a mesh.
</p>

View File

@@ -5,7 +5,7 @@ The material editor allows you to create, edit, and view materials. On the left
The main properties panel is where a majority of settings for the material is set.
#image "images/serenity_material_properties.png"
#image "images/serenity_material_properties.png", w=600, h=600
<br>
@@ -13,6 +13,11 @@ The texture panel is where you set textures for the material. Each material can
#image "images/serenity_material_texture_panel.png"
<br>
The FX Varialbe panel is where you can set variables that are used to control FX Materials. Check the SetMaterialConstant() function for info on which variables are available on which materials.
#image "images/serenity_fx_var_panel.png"
#ref SetMaterialConstant
<br>
The material preview allows you to view the current material on a mesh.
#list ul

View File

@@ -26,12 +26,12 @@
<br>
</p>
<p>
The mesh preview window has the same controls as the material preview.
The mesh preview window has the same controls as the material preview. Hold the middle mouse button down and move the mouse left/right to rotate around the mesh.
</p>
<p>
Hold the middle mouse button down and move the mouse left/right to rotate around the mesh.
In the ID panel, you can set the ID and choose a separate mesh for collision data.
</p>
<p><img src="images/serenity_mesh_editor.png" width=640 height=400></p>
<p><img src="images/mesh_id_panel.png" width=750 height=150></p>
<ol>
<li>
ID - Must be a valid RCBasic variable
@@ -40,16 +40,52 @@
File - The file the mesh was loaded from
</li>
<li>
Materials - Add materials and set them
Collider - You can select another mesh to use for collision geometry
</li>
</ol>
<p>
<br>
</p>
<p>
The material panel is where you can set materials for a mesh.
</p>
<p><img src="images/mesh_material_panel.png" width=600 height=240></p>
<ol>
<li>
Animations - Add and remove animations from mesh
Add - Add a material to the mesh
<ul>
<li>
NOTE: MD2 meshes will load default animations
Meshes can have more than one material if there are multiple materials on the 3D model
</li>
</ul>
</li>
<li>
Remove - Removes the selected mesh
</li>
<li>
Set/UnSet - Sets or Clears a material slot
</li>
</ol>
<p>
<br>
</p>
<p>
The animation panel is pretty simplistic. You can't modify any frames. You only assign which frames belong to an animation ID for reference in your project.
</p>
<p><img src="images/mesh_animation_panel.png" width=600 height=240></p>
<ol>
<li>
Animation ID - This is the name you want attached to the animation
</li>
<li>
Start Frame - The first frame of the animation
</li>
<li>
End Frame - The last frame of the animation
</li>
<li>
Speed - The speed in frames per second of the animation
</li>
</ol>
<p>

View File

@@ -10,17 +10,36 @@ The mesh editor performs the following functions
<br>
The mesh preview window has the same controls as the material preview.
Hold the middle mouse button down and move the mouse left/right to rotate around the mesh.
#image "images/serenity_mesh_editor.png", w=640, h=400
In the ID panel, you can set the ID and choose a separate mesh for collision data.
#image "images/mesh_id_panel.png", w=750, h=150
#list ol
#li ID - Must be a valid RCBasic variable
#li File - The file the mesh was loaded from
#li Materials - Add materials and set them
#li Animations - Add and remove animations from mesh
#list ul
#li NOTE: MD2 meshes will load default animations
#/list
#li Collider - You can select another mesh to use for collision geometry
#/list
<br>
The material panel is where you can set materials for a mesh.
#image "images/mesh_material_panel.png", w=600, h=240
#list ol
#li Add - Add a material to the mesh
#list ul
#li Meshes can have more than one material if there are multiple materials on the 3D model
#/list
#li Remove - Removes the selected mesh
#li Set/UnSet - Sets or Clears a material slot
#/list
<br>
The animation panel is pretty simplistic. You can't modify any frames. You only assign which frames belong to an animation ID for reference in your project.
#image "images/mesh_animation_panel.png", w=600, h=240
#list ol
#li Animation ID - This is the name you want attached to the animation
#li Start Frame - The first frame of the animation
#li End Frame - The last frame of the animation
#li Speed - The speed in frames per second of the animation
#/list

View File

@@ -25,6 +25,13 @@
<p>
<br>
</p>
<p>
The project tree is where the project is organized. To be able to add actors to a project there must be an active stage. <br> NOTE: A stage will be bold in the tree view when its active.
</p>
<p><img src="images/sn_project_tree.png" width=300 height=300></p>
<p>
<br>
</p>
<p>
The scene view is where most of the work is done.
</p>

View File

@@ -9,6 +9,14 @@ The scene editor performs the following functions
#/list
<br>
The project tree is where the project is organized. To be able to add actors to a project there must be an active stage.
<br>
NOTE: A stage will be bold in the tree view when its active.
#image "images/sn_project_tree.png", w=300, h=300
<br>
The scene view is where most of the work is done.
#image "images/serenity_scene_editor.png", w=640, h=400