Hi, thanks for sharing your solutions. Maybe I'll check them one day when I will have more time.
stmn
Creator of
Recent community posts
Thanks for your solution.
I tried to disable AA from the css styles, but it doesn't seem to work for me - some solutions on the Internet are no longer up to date.
I guess I'll just link your solution in the tool description for now.
I use Chrome on MacOS and it seems that it's the only combination where the option to disable AA from the tool works.
Maybe someone else will suggest another solution, I don't see one for now.
The browser controls the anti-aliasing, so my capabilities are limited. However, I just checked that on Firefox, anti-aliasing is enabled by default - that's why turning it on here makes no difference. On Chrome, anti-aliasing is off by default, so on this browser, controlling this option works as intended.
If I diagnosed the problem correctly, try using Chrome. I will further analyze the issue with Firefox and see if it can be fixed.
If you're using Chrome and still see the problem, please send the font and a screenshot of how it looks on your end. I don't see any issue on Chrome.
Hi, I have very limited time but I will consider every proposition. For now I increased height of an iframe a little. If it is still too small you can use full screen option or https://stmn.github.io/font2bitmap/
Your server is configured to block access from different domain.
The best solution is to unlock it on your side. I could also make a proxy as middleware to solve this problem but it's too much effort comparing to first solution.
There is third option, my tool is now free to download and install it on your server where problem will not appear: https://github.com/stmn/font2bitmap
Just need to upload: https://github.com/stmn/font2bitmap/archive/refs/heads/gh-pages.zip
Well it's possible that I will provide an input form to import font from url. In this way there will be possibility to create bitmap from all fonts which are accessible by any server. For example here: https://www.cdnfonts.com/grames.font you will need to copy that url on right.
At this moment if we want to use different font we can paste in browser console small js code like below:
const style = document.createElement("style")
style.textContent = `
@font-face {
font-family: 'YourFontName';
src: url('https://fonts.cdnfonts.com/s/30605/GRAMES.woff');
}
#preview {
font-family: 'YourFontName' !important;
}
`
document.head.appendChild(style)
You need to pass your level data to the scene. Then after die you just need to run this scene again like k.go('game', {'level': levelData})
Here is pretty basic code for multi level platformer: https://kaboomjs.com/play?demo=platformer
If you need more help please use Kaboom Discord server. Maybe someone will have some more precise examples.
I'm totally agree about gameplay. It's simple as fuck. The main reason is that I'm new as game creator, (but not new as dev overall) and want to experiment with simple ideas, just to gain experience and confidence. In this example gameplay is a mix (in my head at least) of Timberman and Frogger. Probably there will be few more simple things before I start something more complex.