Comments (13)
Dear Archivist,
thank you for reporting the issue. Can you please provide a test case I can look at and play with?
.pisi
from reel.
Yes.
http://www.game-archivist.com/rapture/_virtual.php
Both have 41 frames and both are supposed to start on frame 21, where the object is viewed completely "straight on" from the front of the object.
The first example, click on it and watch carefully while waiting for the frames to load. This one I "cheated" and I told it start frame is 22. If you watch carefully, you'll see it flicker after it has finished loading everything, and it will then load to the correct frame 21 even though I told it 22..
The second example, click on it and watch while it loads. The initial display image is 21 while it is loading. And I told it frame 21. But watch, and after it loads, the image will change, and it will change to start on image 20.
I hope that my explanation makes sense, and that the examples can help you find the issue.
from reel.
Thanks for the example. It really helped me in understanding the effects of this issue. However I wasn't yet successful in nailing down the exact cause of it... I will let you know when I do. Meantime please bear with me as I struggle to dedicate some time to it.
from reel.
I'm having the same problems.
from reel.
I still don't know how to tackle this one, actually. I've put together a QUnit test to assert the symptoms of this issue - 35 frames sequence tested for 35 different frame
values. And it passes for all of them! Please look at the test (it is the last one in issues.js). Do you have some idea how would you extend the test to showoff the issue? Pull requests are welcome ;)
from reel.
Archivist, sn3p,
in the meantime I got to tackle another issue GH-46. The changes made there increased the accuracy and also dealt with rounding issue of the starting frame. And it made me believe (at least for now ;) that this may have an influence also on this issue.
As I'm still unable to reproduce or/and test the symptoms of this issue, the only way to assert that would be to ask you to grab the actual code from the development branch and check the behavior in your applications.
Thank you guys for your time!
from reel.
Closing this issue as resolved as I had the functionality confirmed from another source. Still would appreciate your review of this fix.
from reel.
I still get this issue with the latest, it it worth re-opening this?
I managed to narrow it down to an event getting triggered twice on page load.
I believe its the frameChange event.
Let me know what you think.
Thanks.
from reel.
@tomgrohl The patched code is still unreleased, so you won't find it in the latest master. Currently it's still in the development branch.
from reel.
Ah sorry didn't realise.
Thanks for letting me know.
from reel.
This issue is not solved. It's happening to me as well. And 2 years later, no less. Why mark it as closed when those here still reported the issue occurring?
I have a live example of the issue at the link below:
http://dig-houston.com/dev/portfolio/trucks
If you view the source, you can clearly see in the original <img tags, I'm embedding pertinent reel information into "data-" attributes. I.e. data-speed="" data-cw="0" data-frame="23" data-frames="45" data-id="10" data-active="0"
. As shown, frame 23 is the intended initial frame. But when you look at the later created (by the reel) enclosing DIV, it reports "frame-45"
as the opening frame.
The code initiating the reels looks like so:
$reel.each(function(index){
var $thisReel = $(this)
var $reelFile = $thisReel.attr('src')
var $reelFrames = parseInt($thisReel.attr('data-frames'))
var $reelStartFrame = parseInt($thisReel.attr('data-frame'))
var $reelCW = $thisReel.attr('data-cw') > 0 ? true : false
var $reelSpeed = $thisReel.attr('data-speed')
if ( $(this).closest('.colorReel').size() > 0 ) {
$thisReel.reel({ loops:true, frames:$reelFrames, frame:$reelStartFrame, footage:4, revolution:600, suffix: '-reel', preloader: 3 })
} else {
$thisReel.reel({ frames:$reelFrames, footage:4, speed:parseFloat($reelSpeed), cw:$reelCW })
}
})
Since the data is being tossed around from multiple sources and dynamic vars are being injected into the mix, I've toyed around with parseInt()
to make sure the numbers are not string, and noticed a slight variation in results. But the problem still remains that it never initiates on the exact frame I want. I've even tried manually typing in my desired frame instead of passing vars, and it's a no go. I get varying results. If I type 23, I get 45. If I turn off parseInt()
I get 5 instead of 45. However, if I type 24, 25, or 10, it actually obeys and gives me the proper frame. In fact, as I'm testing right now, I'm noticing that 23 seems to be the only frame it will not obey.
So, let's pick this apart. With 45 frames, 23 happens to be the frame exactly in the middle (with 22 frames on either side of it). Coincidence? Also, possibly worth mentioning, is that 45 is not perfectly divisible by 2, in being 22.5 is the answer. Math problems?
At any rate, I think I'm onto something, but I'm not sure where the next level of testing should go.
from reel.
Izzy, first please be aware, that using -devel
code as you do is always at your own risk. If it was 100% stable, it would be released already and not sit in development branch. Only versions without this amendment are race-worthy.
However, you are right, something's not right there, but since it happens in sprite too, it doesn't quite belong here in this particular sequence-related issue (it is somewhat related tho..) So let's move this to a dedicated place - issue #213
from reel.
Ok, good call... Let me know if there's another way you'd like me to test
this.
Izz
On Tue, Jul 9, 2013 at 11:38 AM, Petr Vostลel [email protected]:
Izzy, first please be aware, that using -devel code as you do is always
at your own risk. If it was 100% stable, it would be released already and
not sit in development branch. Only versions without this amendment are
race-worthy.However, you are right, something's not right there, but since it happens
in sprite too, it doesn't quite belong here in this particular
sequence-related issue (it is somewhat related tho..) So let's move this to
a dedicated place - issue #213 #213โ
Reply to this email directly or view it on GitHubhttps://github.com//issues/42#issuecomment-20687493
.
from reel.
Related Issues (20)
- Dragging within a range of sequence
- Reel.js is not working in Chrome when add next and previous button.
- data-loops = 'false' does not work on rows
- possibility to ude it merging some images to compose the shown one
- touch support HOT 1
- Reach event rotates one frame backwards before rotating correctly
- python
- sensitivity on touch movement
- responsive and Ajax - In russian is love)))
- Jquery reel larger than container
- how to stop image cache
- Dimension(s) of the target image unknown Ab HOT 3
- ReferenceError: jQuery is not defined
- Image Request Loop Issue HOT 3
- Using reel js object animated by a slider (jquery ui) inside a book of moodle. It doesn't work
- Not working properly on mobile Safari? HOT 8
- 360 spinner doesn't work well on mobile HOT 6
- Chrome: Jerky or not smooth scrolling if it is placed at about 3000px or below in height
- Implement in Vuejs
- Uncaught TypeError: Cannot use 'in' operator to search for 'length' in 50, latest JQuery jquery.min-3.6.0.js not working
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 reel.