Feat: v8 migration guide (#65)

* Restructuring: Move Tutorial and Playground into the Docusaurus Docs Structure * Fix main container styling in coding mode for full-screen * Chore: Website Restructuring * Updated content generation scripts * Minor fixes * Chore: Website Versioning * Chore: Create v7.x Snapshot + Make Working Docs the Pre-Release v8 * Versions page fixes * Tweaked Sandpack Dependencies Config * Hotfix: Restructure Source Examples and Tutorial * Type hotfix * Pre-Release v8 Examples Update * Added back parcel-bundler for all pixi versions * More examples updated * More examples update * Updated/Added/Removed more examples * Reverted conditioned babel core dev dependency * Pre-update Shader examples * Revert Ticker.shared back to app.ticker * Lint fix * Chore: Upgrade Working Docs to use PixiJS v8.0.0-rc.1 * Remove v8.0.0-rc (old) content * Simplify source versioning for examples and tutorials * Bump up to v8.0.0-rc.2 * Type fix * Add ghtoken ignore * Fix Versioned Links * Upgrade to RC4 * Chore: Website Versioning Scripts (#52) * Chore: Website Versioning * Versions page fixes * Add `Working with Content` Section on README (#54) * Added Working with Content Section on README * Quick adjustment --------- Co-authored-by: Baz Utsahajit <[email protected]> * Chore: Create v7.x Snapshot + Make Working Docs the Pre-Release v8 (#53) * Chore: Create v7.x Snapshot + Make Working Docs the Pre-Release v8 * Tweaked Sandpack Dependencies Config * Hotfix: Restructure Source Examples and Tutorial (#55) * Hotfix: Restructure Source Examples and Tutorial * Type hotfix * Added back parcel-bundler for all pixi versions * Reverted conditioned babel core dev dependency * Chore: Upgrade Working Docs to use PixiJS v8.0.0-rc.2 and Simplify examples and tutorial source versioning (#60) * Chore: Upgrade Working Docs to use PixiJS v8.0.0-rc.1 * Simplify source versioning for examples and tutorials * Bump up to v8.0.0-rc.2 * Type fix * Add ghtoken ignore * Fix Versioned Links * Upgrade to RC4 * More Assorted fixes --------- Co-authored-by: Baz Utsahajit <[email protected]> --------- Co-authored-by: Baz Utsahajit <[email protected]> --------- Co-authored-by: Baz Utsahajit <[email protected]> --------- Co-authored-by: Baz Utsahajit <[email protected]> * Upgrade to RC4 * No footer on example pages * Update v7.x versioned docs * Use semver to pick the latest version instead of relying on the latest tag * Update Versions Page + Add devs and unmaintained versions * More readme update * Allowing user to customize pixi version label * Add the ability to manage generic snapshots * add v8 migration guide * Combine gitignores into the root one * Updated Mesh and Shaders Section * Remove Nested Boundary with Projection Example * Remove 7.3.2 * Update generate example docs script to fix sidebar names * Add ability to add extra packages to the playground * Split out Triangle example into multiple files * Update examples config to allow multiple files * Adapt syntax highlighting on tab switches * Extract multi-file handling into a useCodeSource function * Split long examples into multiple files * Allow active file override with '$' * Editor tutorial code change fix * Allow extra packages on tutorial + add babel plugin * Resolve conflict * Fix editor styling and persisting playground changes * Updated editor now keep persisted changes on all visible files + Fix tabs overflowing * Tabs style update and fixes * Upgrade to RC5 * Remove unused types and functions * Fix tab scroll * Fix texture url * Lint Fix * Remove ShaderToy Filter Render Texture Example * Update Instanced Geometry + Multipass Mesh Codes * Bump up to RC6 * Uncomment in instanced geometry * Fix uniform float type * fix up the custom shaders for gl * Upgrade to RC7 * Updated v7.x to latest * add more examples for v8 * v8 launch post * remove unused images * PixiJS not Pixi * missed one * update based on feedback * added final migration for v8 (#73) * added final migration for v8 * typo * typos * typo * final tweak * update --------- Co-authored-by: Baz Utsahajit <[email protected]> Co-authored-by: bbazukun123 <[email protected]> Co-authored-by: Mat Groves <[email protected]>
pixijs · Feb 22, 2024 · 8d462b6 · 8d462b6
1 parent 85c892b
commit 8d462b6
Show file tree

Hide file tree

Showing 4 changed files with 633 additions and 31 deletions.
diff --git a/blog/2025-2-15-pixi-v8-launches.md → blog/2024-03-01-pixi-v8-launches.md b/blog/2025-2-15-pixi-v8-launches.md → blog/2024-03-01-pixi-v8-launches.md
@@ -39,8 +39,8 @@ We're incredibly proud of PixiJS v8 and eager to share the improvements and new
 
 ## 🔗 Quick links
 - The new Docs for v8 can be found here [LINK TO DOCS]
-- [Migration](https://pixijs.com/guides/migrations/v8)
-- [Examples](https://pixijs.com/examples)
+- [Migration](/next/guides/migrations/v8)
+- [Examples](/next/examples)
 - [Open Games](https://github.com/pixijs/open-games)
 
 ---
@@ -125,17 +125,17 @@ const app = new Application();
 ```ts
 const container = new Container({
   isRenderGroup:true // this containers transform is now handled on the GPU!
-}) 
+})
 ```
 
 - Another cool new change is that now blend modes and tints are inherited, much like transforms and alpha. This means you can now easily tint a container, and all its children will have the tint applied - same for blend modes, its as easy as:
-  
+
 ```
 // will make all the children tinted red
 container.tint = 'red'
 // will make all the children have the add blend mode
 container.blendMode = 'add'
-``` 
+```
 
 Rendering to a texture with antialiasing has been simplified; you only need to enable the new antialiasing property by setting it to true during the creation of a render texture or when applying a filter, similar to the process used for creating your renderer.
 
@@ -174,7 +174,7 @@ myContainer.blendMode = 'color-burn` // easy!
 - Support for SVG drawing has been added. For example:
 
   ```ts
-  graphics.svg('M 100 350 q 150 -300 300 0'); 
+  graphics.svg('M 100 350 q 150 -300 300 0');
   ```
 
 - Gradient fill support has been introduced, currently limited to linear gradients, allowing for more visually engaging designs.
@@ -187,17 +187,17 @@ myContainer.blendMode = 'color-burn` // easy!
 
   // create geometry from the path:
   const geometry = buildGeometryFromPath({
-      path,    
+      path,
   });
 
   const mesh = new Mesh({
-      geometry, 
+      geometry,
       texture: Texture.WHITE,
   });
 
 ```
 
-For more information on these graphics upgrades and guidance on how to adapt to the enhanced Graphics API, please refer to the [migration guide](https://pixijs.com/guides/migrations/v8), or why not jump in and play with some [examples](https://pixijs.com/examples/graphics/simple).
+For more information on these graphics upgrades and guidance on how to adapt to the enhanced Graphics API, please refer to the [migration guide](/next/guides/migrations/v8), or why not jump in and play with some [examples](next/examples/graphics/simple).
 
 #### 📝 Text Upgrades
 
@@ -210,8 +210,8 @@ BitmapFonts can now be generated on the fly or installed upfront as you prefer.
 const myText = new BitmapText({
   text: 'hello im a bitmap font!',
   // font will be dynamically created
-  style:{ 
-    fontFamily: 'Outfit', 
+  style:{
+    fontFamily: 'Outfit',
     fontSize: 12,
     fill: 'red',
   }
@@ -223,8 +223,8 @@ Text fills and strokes now conform to the same fills and strokes as graphics. Th
 const myText = new Text({
   text: 'hello im some fancy text',
   // font will be dynamically created!
-  style:{ 
-    fontFamily: 'Outfit', 
+  style:{
+    fontFamily: 'Outfit',
     fontSize: 12,
     fill: { texture, color:'red'} // same as graphics api fills
     stroke: { width:3, color:'blue' } // same as graphics api strokes

diff --git a/docs/guides/migrations/upgrading.md b/docs/guides/migrations/upgrading.md