Comments (10)
Or this demo.
Only see OpenGL Demo
because other project is written for other framework.
from osu-framework-font.
Or using image sharp to draw text?
SixLabors/ImageSharp#407
See the example here, might install SixLabors.Fonts
(in prelease).
from osu-framework-font.
Sample code has been created.
Need to calculate the time it spend.
Edit:
ImageSharp
cost too much time 😢
from osu-framework-font.
http://geoffprewett.com/blog/software/opengl-outline/
Maybe it's better add .fs
file and deal with outline effect.
from osu-framework-font.
Or trying https://gist.github.com/xoppa/33589b7d5805205f8f08
.
Note :
can search openGL texture outline GLSL
to get more relative info.
And this sample is just for testing.
from osu-framework-font.
Writing GLSL in vscode :
https://www.youtube.com/watch?v=WNcczXF4hSY
.
Install Shader languages support for vscode
and glsl canvas
in vscode.
from osu-framework-font.
Run this project and check is it workable with text.
Run this project and try to change texture, change outline size and color first.
.
Edit :
Not working perfect 😢
from osu-framework-font.
Running this code :
new SpriteText
{
Text = "Outlined Text",
Font = new FontUsage(size: 72),
}.WithEffect(new OutlineEffect
{
BlurSigma = new Vector2(3f),
Strength = 100f,
Colour = Color4.Blue,
PadExtent = true,
}),
Can have this effect :
.
Maybe create IEffect
like KaraokeSolidOutlineEffect
and try to loading them like :
Child = InitializeEffect?.invoke(x => {
//...
});
Then like
karaokeText.InitializeEffect = (x) => {
x.WithEffect(KaraokeSolidOutlineEffect){
// Parameter
}
}
in DrawableLyric
from osu-framework-font.
Also need to test about accept multi outline effect at the same time?
from osu-framework-font.
Implemented in #43 using shader.
Finally.
from osu-framework-font.
Related Issues (20)
- Check all shader works in the both AMD and nvidia graphic cards. HOT 3
- Fix `MaskingContainer` not working in the nvidia graphic card. HOT 2
- Fix the case that might let position text cannot get the position. HOT 2
- Fix the ruby and romaji margin issue
- Should be able to add the spacing if ruby is too large.
- Enable NRT by default HOT 1
- Adjust the default text margin.
- Fix RepeatMovingBackgroundShader broken. HOT 1
- Add configuration for able to switch to different backend. HOT 1
- Run the test case with different surface and renderer if touch the shader file in the CI.
- Fix some shaders not working in the metal backend.
- Fix step shader not working in the directX. HOT 4
- Do some class/property renaming.
- Fix the shadow shader has different shadow direction if using different renderer. HOT 1
- Fix srgb conversion HOT 1
- Add more properties in the lyric text and the karaoke text for able to adjust the spacing between characters.
- Fix outline shader effect only works in the openGL(legacy). HOT 3
- Use <br/> to change new line in the comment.
- Should be able to get the outline path from the sixLabor?
- Refactor the TextIndexTest.cs
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from osu-framework-font.