Comments (7)
Could you wait a bit?
from community.
had a nice discuss with @perborgen around this.
just to add to what i said above, moving from current paradigm where you "snapshot the DOM" over time to a paradigm where you would play the real code and replay all recorded events is tricky..
Not only you need to record all events, like click events.. but also you potentially need to override & sandbox the "timers" (setTimeout, etc..). that way, you might be able to replay something in a deterministic way? There are still hard things like image loading that you can't really control so I don't know if it's easily possible..
But still, even doing that, i'm not even sure how you would solve it if a user "jump" at a given position.. (replay from the start? nah :D)
At the end, there will be probably some tradeoff and the creators will need to be aware of these..
For my gl-react usecase, I was actually thinking a workaround could be that would capture my Canvas at 60fps and when it changes, it would inject a <img src="data64:..."/>
in the DOM, just under the canvas (I think my canvas is transparent when it's getting viewed)..
(The thing is, I will need to set some headers,.. don't imagine you can generically do that, for instance, WebGL will give you Black image until you set a
preserveDrawingBuffer:true
option XD)
I might try that ASAP, I hope I won't spam you too much with all the DOM that will get generated 😅
from community.
Thanks for the summary @gre. This is indeed a tricky task, and I can't promise if/when we'll be able to fix it, as we have so many other pressing tasks on our list.
Whatever we do, we'll be sure to keep this issue updated :)
from community.
sorry I updated my comment :D do you think it's ok for you if I try my "base64 hack" ?
from community.
yeah, no problem! i'll wait :)
from community.
Is it considered bad form to bump a feature request? I'm only mentioning this because using Scrimba to teach the canvas and animations to a high school class would amazing. I recorded a lesson only to find out the hard way that this was an issue... 3 years ago.
from community.
Hi, we unfortunately won't add this in the near future, as it's not a critical feature for us, and we have very limited resources.
from community.
Related Issues (20)
- Mini Browser is not working HOT 1
- Mini browser is not working HOT 1
- Mini Browser shows: Missing cw0 HOT 1
- Feature request: autoplay next playlist scrim
- cursor issue in chrome browser
- Lost 150 lines of JavaScript on Scrimba. Is there a way of recovering the code?
- error , a message Missing cw ......Please what do do HOT 2
- Bug - Scrimba PRO content visible if not Logged in
- I CANNOT VIEW THE CODES I RUN, BECAUSE, AN OVERLAY ERROR PAGE IS BLOCKING MY LAYOUT SCREEN
- Run button not working HOT 1
- GitHub Student Developer Pack HOT 1
- Images in Module Playback Displaying as "Broken" HOT 2
- unknow require: react
- Report of Blank Course Content HOT 6
- Code execution fails
- Typo in Frontend Path - Build a Personal Website
- Python please :)
- Error encounter while pressing run button
- everytime i refresh the mini browser it gives me " missing cw0 "
- Issue while running the code
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 community.