Digital Workshop

I've been working on converting a former Flash pub to HTML5 and testing on the iPad. Thought I'd post some of the issues I'd dealt with. These come with no guarantees or the suggestion that there aren't better solutions (or new fixes) - the list was a reminder for myself as I worked on a number of files. Take or leave.

- Make scripts internal (may not be nec with update).
- Get rid of all Stop Wave Sound actions (stalls on iPad). Use specific sound.
- Change wav to mp3.
- Don’t initiate a series of sounds in one object - iPad hates this.
- Force delays between sounds for iPads. Sound driver is horribly slow.
- Change gifs to png
- Use multiple identical images (only seems to show an image once on a page - repeated uses don't appear)
- Turn paths to 0 degrees and edit nodes
- Change mouseover events to duel mouseover/mousedown and add buttons where nec.
- Change String.left(StringName,1) to StringName.substring(0,1) etc
- Lose parseInt
- For rounding, use 0|(Number) rather than floor etc (iPad)
- Reset background effects to linear gradients
- Hiding and reshowing drags doesn’t reset them – still thinks they are in place. Nor does ‘Reset Dropped Object’. Recode using 'Push Out other Objects'
- Lose e.g. var example = something. Change to var example , then example =
- LaunchURL in scripts to window.location.href = (if adding variable, else use Launch action).
- LaunchURL or Window.open don’t open new browser window with _blank. Use Browser actions.
- Remove Wait commands. Add Delay objects.
- start music with some sort of action for ipads (doesn't play on page load).
- Set Cursors to None everywhere except where needed.
- No cursors on buttons? Redesign.
- SetLayer() script to action.
- Unbind things from frame if frame is preventing cursors working underneath.
- Text boxes with variables appear on top layer. Reset layers messes up interaction. Hide/Show objects where nec.
- Replace hotspots with shapes. 100% invisible.
- Sometimes need mouse click rather than mousedown action. Trial and error which.
- Watch for clicks through objects and clicks that don’t work because of objects behind.
- Variables don’t cancel when a different page loads. You have to reset them.
- Add “*{-webkit-tap-highlight-color: rgba(0,0,0,0); }” to styles to prevent page flash on iPad. And in publish options <link rel="stylesheet" href="Style.css" type="text/css">

Hi,

Thank you for these suggestions. Been having a challenging time getting an animation to work in HTML 5. Wondered if you could take a look (IMP2 which is attached, is the file version which has a better chance to eventually work correctly). Would you make any of your listed (or other) changes, and if so, where? Link: http://www.digitalgrapevine.info/viewtopic.php?f=4&t=5558.

Kind Regards,