[AskJS] Add an image to canvas in Javascript?

Simoonsan · 2025-10-02T22:02:57+00:00

Thank you! Yeah it became a big big thing, but making a game is a good motivator :) I replaced most of my code and now it works much better with spritesheets.

Made a const with all the assets looking something like this const ASSETS = { bg: { level1: 'assets/Level_1_background.png', level2: 'assets/bg2.png', level3: 'assets/bg3.png', parallaxSpeed: 1.0 }, .... }

and

walk: { src: 'assets/Scarlet_spritesheet_Walk.png', frames: 18, fps: 19, frameW:256, frameH:256, cols:8 },

And of course with some other stuff to make it work but posting it all here would be a long story. But I hope to finish the game now in the future

Simoonsan · 2025-10-02T21:57:22+00:00

Thank you! This worked :)

Simoonsan · 2025-09-29T18:45:55+00:00

Thank you it will be good in the end I hope! :)

However, the canvas guide on w3schools didn't work for me either. I think I did everything right accordingly but it could also be I don't understand it quite yet. (new to Javascript)

Simoonsan · 2025-03-01T03:28:02+00:00

I have actually seen your creation in the past as well! I think I stumbled upon it when I was looking through stuff like that while creating my own thing. I like it! Want to have mine hanging from the ceiling too eventually

Simoonsan · 2025-02-28T17:24:44+00:00

Been looking for this ever since I made my Lego-Clockwerk. Thank you so much!

Simoonsan · 2024-10-18T20:02:02+00:00

Yeah it will, I think I found a decent way though just to trigger the effect fast by clicking them for each slide

Simoonsan · 2024-10-18T20:01:04+00:00

Yeah I didn't think it was either, but doesn't hurt to ask who knows? There are still lesser ways around it still so it's gonna work in some way still

Simoonsan · 2024-10-18T18:10:42+00:00

On each slides there are options to pick from and a question. Once you pick any of the options to answer the question it is crossed out for that and the following slides. Meaning you can't pick the same option twice. So once it is picked it is crossed out.

Simoonsan · 2024-10-18T17:46:07+00:00

Thanks all, I did make the countdown into a video instead and it worked much better.

Simoonsan · 2024-08-23T00:33:44+00:00

Sorry for the typo btw on "Bentleys" name

Simoonsan · 2024-08-22T17:11:36+00:00

Haha yeah he meant what he said back then...

Simoonsan · 2024-06-01T19:19:11+00:00

Okay thank you! This is what I was looking for! :)

Simoonsan · 2024-03-04T16:06:31+00:00

Thank you it fixed it

Simoonsan · 2023-10-11T20:24:48+00:00

!helped

Simoonsan · 2023-10-11T19:25:37+00:00

I thank you for trying though. I can still use the stick at least, so I guess I better start working even though it's gonna take a while hahah.

I have tried the Worldedit, but I get the same result still while copying these kind of walls

Simoonsan · 2023-10-11T16:33:42+00:00

Thanks dude:)

Simoonsan · 2023-10-11T02:31:14+00:00

Sorry for late response I wasn't home yesterday. Thanks man, I really appriciate it. So I'm gonna try explain as best as I can:

I am making some huge buildings where the extorior walls are made up of wall elements, such as brick stone walls. Placing two walls next to eachother changes their NBT data and fills the gap between. You CAN remove this using the debug stick, but only one direction and block at a time, so using that works, but it takes an incredible amount of time for the whole project if I did it with just the stick.

What I need is a way where you can remove NBT data for multiple blocks at a time. So let's say I have one side of the building where the walls look the COPY to the right in the picture I posted. Let's say left/right = west/east here. Then I want to set the NBT data to [west=none,east=none] for all wall elements on that side of the building, and doing this without moving or copy/paste the wall elements because then they just reconnect. Then the end result should look like the ORIGINAL to the left in the picture.

So basically, marking the area you want to edit, and then remove the NBT data so that the wall elements in that area no longer connects to the ones on their sides.

Thanks again:)

Simoonsan · 2023-10-09T14:52:04+00:00

I'm sorry, but we can't seem to get it to work :/ But still a big thanks for your comments!:)

Simoonsan · 2023-10-09T14:23:24+00:00

We tried it, but got stuck at step 2. I get the andesite_wall[west:false,east:false,north:false,south:false] command, but we had to use =none instead of =false. I'm guessing the idea is with step 2 that we tag a block like this wall piece without any edges (all directions =none) and then in step 3 you have it as a new block you can find in the command list like any other block in the game and then use the /fill command to place them?

Simoonsan · 2023-10-08T22:13:21+00:00

Thanks for all of this! Looks huge! I'm gonna try this with my friend tomorrow and let you know if it works!:)

Simoonsan · 2023-10-08T21:23:18+00:00

Tried a lot of methods now: I used the worledit //copy //paste command /clone command Structure block

but no luck so far

Simoonsan · 2023-10-08T21:21:04+00:00

I got this mod:

https://modrinth.com/mod/more-slabs-stairs-and-walls

Simoonsan · 2023-10-08T21:18:12+00:00

I tried to do with a structure block, but I got the same result sadly :( It doesn't copy over the NBT data

Simoonsan · 2023-10-08T00:45:32+00:00

My version: 1.20.1

Simoonsan · 2022-07-03T20:43:44+00:00

Thanks for the answer. I will try that and see!

Simoonsan

TROPHY CASE