Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Feat: v8 migration guide #65

Merged
merged 109 commits into from
Feb 22, 2024
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
109 commits
Select commit Hold shift + click to select a range
62efc86
Restructuring: Move Tutorial and Playground into the Docusaurus Docs …
bbazukun123 Dec 6, 2023
ab917fb
Merge branch 'main' into website-restructuring
bbazukun123 Dec 6, 2023
6174db9
Fix main container styling in coding mode for full-screen
bbazukun123 Dec 14, 2023
32859ae
Chore: Website Restructuring
bbazukun123 Dec 17, 2023
64c7068
Updated content generation scripts
bbazukun123 Dec 18, 2023
932e75c
Minor fixes
bbazukun123 Dec 18, 2023
150eeeb
Chore: Website Versioning
bbazukun123 Dec 18, 2023
dc13ba1
Chore: Create v7.x Snapshot + Make Working Docs the Pre-Release v8
bbazukun123 Dec 18, 2023
512aafe
Versions page fixes
bbazukun123 Dec 18, 2023
7bd5b84
Merge branch 'chore-website-versioning' into chore-website-v7-snapshot
bbazukun123 Dec 18, 2023
05d2da4
Tweaked Sandpack Dependencies Config
bbazukun123 Dec 19, 2023
da9127f
Hotfix: Restructure Source Examples and Tutorial
bbazukun123 Dec 19, 2023
af6c7e0
Type hotfix
bbazukun123 Dec 19, 2023
265ba3c
Pre-Release v8 Examples Update
bbazukun123 Dec 21, 2023
fd9b693
Added back parcel-bundler for all pixi versions
bbazukun123 Dec 21, 2023
959131a
Merge branch 'hotfix-versioned-code-content-handling' into pre-releas…
bbazukun123 Dec 21, 2023
281e5fd
More examples updated
bbazukun123 Dec 21, 2023
a504c1d
More examples update
bbazukun123 Dec 22, 2023
081c5a5
Updated/Added/Removed more examples
bbazukun123 Dec 22, 2023
5aaf110
Reverted conditioned babel core dev dependency
bbazukun123 Dec 22, 2023
3ed15fe
Merge branch 'hotfix-versioned-code-content-handling' into pre-releas…
bbazukun123 Dec 22, 2023
6204e64
Pre-update Shader examples
bbazukun123 Dec 22, 2023
2b7cc43
Revert Ticker.shared back to app.ticker
bbazukun123 Dec 22, 2023
a30aa56
Lint fix
bbazukun123 Dec 22, 2023
ac3e218
Chore: Upgrade Working Docs to use PixiJS v8.0.0-rc.1
bbazukun123 Jan 4, 2024
54193f7
Merge branch 'chore-upgrade-to-v8-rc1' into pre-release-v8-examples
bbazukun123 Jan 4, 2024
76b48f8
Remove v8.0.0-rc (old) content
bbazukun123 Jan 5, 2024
e7d7612
Simplify source versioning for examples and tutorials
bbazukun123 Jan 8, 2024
18c9514
Bump up to v8.0.0-rc.2
bbazukun123 Jan 8, 2024
0c86ca2
Merge branch 'chore-upgrade-to-v8-rc1' into pre-release-v8-examples
bbazukun123 Jan 8, 2024
62e0148
Type fix
bbazukun123 Jan 8, 2024
55ed9c0
Merge branch 'chore-upgrade-to-v8-rc1' into pre-release-v8-examples
bbazukun123 Jan 8, 2024
f8129fd
Add ghtoken ignore
bbazukun123 Jan 11, 2024
437d439
Merge branch 'chore-upgrade-to-v8-rc1' into pre-release-v8-examples
bbazukun123 Jan 11, 2024
c0c34a3
Fix Versioned Links
bbazukun123 Jan 13, 2024
d625908
Merge branch 'chore-upgrade-to-v8-rc1' into pre-release-v8-examples
bbazukun123 Jan 13, 2024
1e5f5c0
Upgrade to RC4
bbazukun123 Jan 13, 2024
2818145
Merge branch 'chore-upgrade-to-v8-rc1' into pre-release-v8-examples
bbazukun123 Jan 13, 2024
892d599
Chore: Website Versioning Scripts (#52)
bbazukun123 Jan 15, 2024
2b4fa80
Merge branch 'main' into website-restructuring
bbazukun123 Jan 15, 2024
e975142
Upgrade to RC4
bbazukun123 Jan 15, 2024
b635448
No footer on example pages
bbazukun123 Jan 15, 2024
1182ee6
Update v7.x versioned docs
bbazukun123 Jan 15, 2024
7254989
Use semver to pick the latest version instead of relying on the lates…
bbazukun123 Jan 15, 2024
fb68d61
Update Versions Page + Add devs and unmaintained versions
bbazukun123 Jan 16, 2024
83c4601
More readme update
bbazukun123 Jan 16, 2024
18dbf9b
Allowing user to customize pixi version label
bbazukun123 Jan 16, 2024
83f9bc2
Add the ability to manage generic snapshots
bbazukun123 Jan 17, 2024
a554482
Merge branch 'website-restructuring' into pre-release-v8-examples
bbazukun123 Jan 17, 2024
c2ba0bd
add v8 migration guide
Zyie Jan 17, 2024
f5aabbd
Merge branch 'website-restructuring' into migration-guide
Zyie Jan 17, 2024
972fa6b
Combine gitignores into the root one
bbazukun123 Jan 17, 2024
57b2e7e
Merge branch 'website-restructuring' into pre-release-v8-examples
bbazukun123 Jan 17, 2024
496bea0
Updated Mesh and Shaders Section
bbazukun123 Jan 17, 2024
0d08e2e
Remove Nested Boundary with Projection Example
bbazukun123 Jan 17, 2024
3222299
Remove 7.3.2
bbazukun123 Jan 17, 2024
c04cb9b
Update generate example docs script to fix sidebar names
bbazukun123 Jan 17, 2024
8e398d9
Merge branch 'main' into website-restructuring
bbazukun123 Jan 19, 2024
bbb6630
Add ability to add extra packages to the playground
bbazukun123 Jan 19, 2024
914d7b7
Merge branch 'website-restructuring' into pre-release-v8-examples
bbazukun123 Jan 19, 2024
c28cf94
Split out Triangle example into multiple files
bbazukun123 Jan 19, 2024
615daff
Update examples config to allow multiple files
bbazukun123 Jan 19, 2024
45c6d13
Merge branch 'website-restructuring' into pre-release-v8-examples
bbazukun123 Jan 19, 2024
8bb5e0c
Adapt syntax highlighting on tab switches
bbazukun123 Jan 19, 2024
2449ce4
Merge branch 'website-restructuring' into pre-release-v8-examples
bbazukun123 Jan 19, 2024
c1c4e01
Extract multi-file handling into a useCodeSource function
bbazukun123 Jan 19, 2024
f198664
Merge branch 'website-restructuring' into pre-release-v8-examples
bbazukun123 Jan 19, 2024
a3bbd5e
Split long examples into multiple files
bbazukun123 Jan 20, 2024
113de35
Allow active file override with '$'
bbazukun123 Jan 20, 2024
28e29bd
Editor tutorial code change fix
bbazukun123 Jan 20, 2024
aa4628b
Allow extra packages on tutorial + add babel plugin
bbazukun123 Jan 20, 2024
5d0356e
Resolve conflict
bbazukun123 Jan 20, 2024
4a4be31
Merge branch 'website-restructuring' into pre-release-v8-examples
bbazukun123 Jan 20, 2024
b45d2bd
Fix editor styling and persisting playground changes
bbazukun123 Jan 23, 2024
7e488de
Merge branch 'website-restructuring' into pre-release-v8-examples
bbazukun123 Jan 23, 2024
50e3d01
Updated editor now keep persisted changes on all visible files + Fix …
bbazukun123 Jan 24, 2024
476282b
Merge branch 'website-restructuring' into pre-release-v8-examples
bbazukun123 Jan 24, 2024
168162e
Tabs style update and fixes
bbazukun123 Jan 24, 2024
e0abe85
Upgrade to RC5
bbazukun123 Jan 24, 2024
89bc7e8
Merge branch 'website-restructuring' into pre-release-v8-examples
bbazukun123 Jan 24, 2024
59790fb
Remove unused types and functions
bbazukun123 Jan 24, 2024
009eef4
Merge branch 'website-restructuring' into pre-release-v8-examples
bbazukun123 Jan 24, 2024
017952c
Fix tab scroll
bbazukun123 Jan 24, 2024
60d4cac
Merge branch 'website-restructuring' into pre-release-v8-examples
bbazukun123 Jan 24, 2024
114bd74
Fix texture url
bbazukun123 Jan 24, 2024
b6adc4c
Lint Fix
bbazukun123 Jan 24, 2024
3977f7a
Remove ShaderToy Filter Render Texture Example
bbazukun123 Jan 25, 2024
f3a29ec
Update Instanced Geometry + Multipass Mesh Codes
bbazukun123 Jan 25, 2024
8805bad
Bump up to RC6
bbazukun123 Jan 27, 2024
073e583
Merge branch 'website-restructuring' into pre-release-v8-examples
bbazukun123 Jan 27, 2024
79883db
Uncomment in instanced geometry
bbazukun123 Jan 27, 2024
66415a6
Fix uniform float type
bbazukun123 Jan 29, 2024
bd8f393
fix up the custom shaders for gl
GoodBoyDigital Feb 6, 2024
91f2626
Upgrade to RC7
bbazukun123 Feb 6, 2024
4cc153c
Merge branch 'website-restructuring' into pre-release-v8-examples
bbazukun123 Feb 6, 2024
163ee86
Updated v7.x to latest
bbazukun123 Feb 6, 2024
fc82dd8
Merge branch 'website-restructuring' into pre-release-v8-examples
bbazukun123 Feb 6, 2024
32484eb
add more examples for v8
GoodBoyDigital Feb 19, 2024
ae85883
v8 launch post
GoodBoyDigital Feb 19, 2024
5662eee
remove unused images
GoodBoyDigital Feb 19, 2024
78657dc
PixiJS not Pixi
GoodBoyDigital Feb 19, 2024
f479d62
missed one
GoodBoyDigital Feb 19, 2024
31ca4af
update based on feedback
GoodBoyDigital Feb 19, 2024
5dc3d1d
Merge remote-tracking branch 'origin/blog/v8-launch-post' into migrat…
Zyie Feb 19, 2024
317cc97
added final migration for v8 (#73)
GoodBoyDigital Feb 21, 2024
51ce6b1
Merge branch 'v8' into blog/v8-launch-post
Zyie Feb 22, 2024
096b483
Merge branch 'blog/v8-launch-post' into migration-guide
Zyie Feb 22, 2024
aa25e09
Merge branch 'v8' into migration-guide
Zyie Feb 22, 2024
01e71c0
update
Zyie Feb 22, 2024
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Original file line number Diff line number Diff line change
Expand Up @@ -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)

---
Expand Down Expand Up @@ -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.

Expand Down Expand Up @@ -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.
Expand All @@ -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

Expand All @@ -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',
}
Expand All @@ -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
Expand Down
17 changes: 0 additions & 17 deletions docs/guides/migrations/upgrading.md

This file was deleted.

Loading
Loading