Re: Simple 3D animation question

[Rick Harrison via use-livecode]

Hi David,

How many wires in your wire animation?

How fast and smooth does your rotation
need to be?

Is there going to be an image or writing
on the side that shows up?

Hmm, an icosahedron has 20 sides, so
it’s like 20 sided dice!

I just saw a web version that didn’t bother
to rotate the image since only one side
is up.  The guy did a fade to white to
simulate the roll and then just showed
a new number on facing side.

It’s a lot simpler! It would save you a
lot of coding time.  Especially since you
clearly have a looming deadline.

Anytime I have tried to do an animation
with LiveCode I have found it to be too
slow and jerky.  Your mileage may vary.

Good luck!

Rick



> On Apr 18, 2020, at 9:32 AM, David Bovill via use-livecode 
>  wrote:
> 
> For Earth Day this Wendesday a few of us are working on an art piece that I 
> want to use Livecode for.
> 
> As part of this event I need to create an interactive presentation and wish 
> to create an icosahedrons - so a 3 dimensional hexagon - that I need to 
> rotate in different dimensions.
> 
> I have seen and experimented with a few examples in the past in Livecode. It 
> only needs to be a wireframe animation using the built in graphics object fir 
> now.
> 
>  Doors anyone have any tips / suggestions?
> ___
> use-livecode mailing list
> use-livecode@lists.runrev.com
> Please visit this url to subscribe, unsubscribe and manage your subscription 
> preferences:
> http://lists.runrev.com/mailman/listinfo/use-livecode


___
use-livecode mailing list
use-livecode@lists.runrev.com
Please visit this url to subscribe, unsubscribe and manage your subscription 
preferences:
http://lists.runrev.com/mailman/listinfo/use-livecode

Re: Simple 3D animation question

[David Bovill via use-livecode]

Thanks Rick - yes an icosahedrons wireframe is quite minimal. No opacity or 
shading needed at this stage. Livecode animation of the graphic object is 
certainly fast enough. It’s acceptable smooth enough - though not ideal due to 
lack of antialiasing (I think).

I could look around for some existing Javascriot based examples and look to 
control them through do as Javascriot calls to the browser widget - but I’d 
prefer more control over layering and blend modes.

Animation engine had some simple examples. I’m not sure about anything else?
On 18 Apr 2020, 15:08 +0100, Rick Harrison via use-livecode 
, wrote:
> Hi David,
>
> How many wires in your wire animation?
>
> How fast and smooth does your rotation
> need to be?
>
> Is there going to be an image or writing
> on the side that shows up?
>
> Hmm, an icosahedron has 20 sides, so
> it’s like 20 sided dice!
>
> I just saw a web version that didn’t bother
> to rotate the image since only one side
> is up. The guy did a fade to white to
> simulate the roll and then just showed
> a new number on facing side.
>
> It’s a lot simpler! It would save you a
> lot of coding time. Especially since you
> clearly have a looming deadline.
>
> Anytime I have tried to do an animation
> with LiveCode I have found it to be too
> slow and jerky. Your mileage may vary.
>
> Good luck!
>
> Rick
>
>
>
> > On Apr 18, 2020, at 9:32 AM, David Bovill via use-livecode 
> >  wrote:
> >
> > For Earth Day this Wendesday a few of us are working on an art piece that I 
> > want to use Livecode for.
> >
> > As part of this event I need to create an interactive presentation and wish 
> > to create an icosahedrons - so a 3 dimensional hexagon - that I need to 
> > rotate in different dimensions.
> >
> > I have seen and experimented with a few examples in the past in Livecode. 
> > It only needs to be a wireframe animation using the built in graphics 
> > object fir now.
> >
> > Doors anyone have any tips / suggestions?
> > ___
> > use-livecode mailing list
> > use-livecode@lists.runrev.com
> > Please visit this url to subscribe, unsubscribe and manage your 
> > subscription preferences:
> > http://lists.runrev.com/mailman/listinfo/use-livecode
>
>
> ___
> use-livecode mailing list
> use-livecode@lists.runrev.com
> Please visit this url to subscribe, unsubscribe and manage your subscription 
> preferences:
> http://lists.runrev.com/mailman/listinfo/use-livecode
___
use-livecode mailing list
use-livecode@lists.runrev.com
Please visit this url to subscribe, unsubscribe and manage your subscription 
preferences:
http://lists.runrev.com/mailman/listinfo/use-livecode

RE: Simple 3D animation question

[Clarence Martin via use-livecode]

Check out an animation that Jim Lambert does with a scrolling group with 
images. It is really slick. He may have a posting on the LiveCode forum. In the 
mean time I will try to find a copy for you. I also believe that he showed it 
at the LiveCode Conference last year.

-Original Message-
From: use-livecode  On Behalf Of Rick 
Harrison via use-livecode
Sent: Saturday, April 18, 2020 7:07 AM
To: How to use LiveCode 
Cc: Rick Harrison 
Subject: Re: Simple 3D animation question

Hi David,

How many wires in your wire animation?

How fast and smooth does your rotation
need to be?

Is there going to be an image or writing on the side that shows up?

Hmm, an icosahedron has 20 sides, so
it’s like 20 sided dice!

I just saw a web version that didn’t bother to rotate the image since only one 
side is up.  The guy did a fade to white to simulate the roll and then just 
showed a new number on facing side.

It’s a lot simpler! It would save you a
lot of coding time.  Especially since you clearly have a looming deadline.

Anytime I have tried to do an animation
with LiveCode I have found it to be too
slow and jerky.  Your mileage may vary.

Good luck!

Rick



> On Apr 18, 2020, at 9:32 AM, David Bovill via use-livecode 
>  wrote:
> 
> For Earth Day this Wendesday a few of us are working on an art piece that I 
> want to use Livecode for.
> 
> As part of this event I need to create an interactive presentation and wish 
> to create an icosahedrons - so a 3 dimensional hexagon - that I need to 
> rotate in different dimensions.
> 
> I have seen and experimented with a few examples in the past in Livecode. It 
> only needs to be a wireframe animation using the built in graphics object fir 
> now.
> 
>  Doors anyone have any tips / suggestions?
> ___
> use-livecode mailing list
> use-livecode@lists.runrev.com
> Please visit this url to subscribe, unsubscribe and manage your subscription 
> preferences:
> http://lists.runrev.com/mailman/listinfo/use-livecode


___
use-livecode mailing list
use-livecode@lists.runrev.com
Please visit this url to subscribe, unsubscribe and manage your subscription 
preferences:
http://lists.runrev.com/mailman/listinfo/use-livecode


___
use-livecode mailing list
use-livecode@lists.runrev.com
Please visit this url to subscribe, unsubscribe and manage your subscription 
preferences:
http://lists.runrev.com/mailman/listinfo/use-livecode

RE: Simple 3D animation question

[Clarence Martin via use-livecode]

Cell animation by Jim Lambeert
http://livecodeshare.runrev.com/stack/857/Cel-Animation

-Original Message-
From: use-livecode  On Behalf Of David 
Bovill via use-livecode
Sent: Saturday, April 18, 2020 7:26 AM
To: How to use LiveCode 
Cc: David Bovill 
Subject: Re: Simple 3D animation question

Thanks Rick - yes an icosahedrons wireframe is quite minimal. No opacity or 
shading needed at this stage. Livecode animation of the graphic object is 
certainly fast enough. It’s acceptable smooth enough - though not ideal due to 
lack of antialiasing (I think).

I could look around for some existing Javascriot based examples and look to 
control them through do as Javascriot calls to the browser widget - but I’d 
prefer more control over layering and blend modes.

Animation engine had some simple examples. I’m not sure about anything else?
On 18 Apr 2020, 15:08 +0100, Rick Harrison via use-livecode 
, wrote:
> Hi David,
>
> How many wires in your wire animation?
>
> How fast and smooth does your rotation need to be?
>
> Is there going to be an image or writing on the side that shows up?
>
> Hmm, an icosahedron has 20 sides, so
> it’s like 20 sided dice!
>
> I just saw a web version that didn’t bother to rotate the image since 
> only one side is up. The guy did a fade to white to simulate the roll 
> and then just showed a new number on facing side.
>
> It’s a lot simpler! It would save you a lot of coding time. Especially 
> since you clearly have a looming deadline.
>
> Anytime I have tried to do an animation with LiveCode I have found it 
> to be too slow and jerky. Your mileage may vary.
>
> Good luck!
>
> Rick
>
>
>
> > On Apr 18, 2020, at 9:32 AM, David Bovill via use-livecode 
> >  wrote:
> >
> > For Earth Day this Wendesday a few of us are working on an art piece that I 
> > want to use Livecode for.
> >
> > As part of this event I need to create an interactive presentation and wish 
> > to create an icosahedrons - so a 3 dimensional hexagon - that I need to 
> > rotate in different dimensions.
> >
> > I have seen and experimented with a few examples in the past in Livecode. 
> > It only needs to be a wireframe animation using the built in graphics 
> > object fir now.
> >
> > Doors anyone have any tips / suggestions?
> > ___
> > use-livecode mailing list
> > use-livecode@lists.runrev.com
> > Please visit this url to subscribe, unsubscribe and manage your 
> > subscription preferences:
> > http://lists.runrev.com/mailman/listinfo/use-livecode
>
>
> ___
> use-livecode mailing list
> use-livecode@lists.runrev.com
> Please visit this url to subscribe, unsubscribe and manage your subscription 
> preferences:
> http://lists.runrev.com/mailman/listinfo/use-livecode
___
use-livecode mailing list
use-livecode@lists.runrev.com
Please visit this url to subscribe, unsubscribe and manage your subscription 
preferences:
http://lists.runrev.com/mailman/listinfo/use-livecode


___
use-livecode mailing list
use-livecode@lists.runrev.com
Please visit this url to subscribe, unsubscribe and manage your subscription 
preferences:
http://lists.runrev.com/mailman/listinfo/use-livecode

Re: Simple 3D animation question

[Mark Wieder via use-livecode]

On 4/18/20 6:32 AM, David Bovill via use-livecode wrote:

For Earth Day this Wendesday a few of us are working on an art piece that I 
want to use Livecode for.

As part of this event I need to create an interactive presentation and wish to 
create an icosahedrons - so a 3 dimensional hexagon - that I need to rotate in 
different dimensions.


At the risk of getting into a religious war here...
I wouldn't do this in LiveCode.

Have you seen threejs?

https://threejs.org

example:
https://threejs.org/examples/#webgl_geometry_convex

source:


--
 Mark Wieder
 ahsoftw...@gmail.com

___
use-livecode mailing list
use-livecode@lists.runrev.com
Please visit this url to subscribe, unsubscribe and manage your subscription 
preferences:
http://lists.runrev.com/mailman/listinfo/use-livecode

Re: Simple 3D animation question

[Håkan Liljegren via use-livecode]

When teaching my students about hybrid apps I usually do a session called "Vad 
är klockan vart då?" (What is the time where?) Where we have a globe in a 
browser widget, that you can spin and tap. When you tap a location we have a 
clock-widget set to the current time at that location. The globe is driven by 
d3js, which is a really powerful visualization library written in JavaScript. 
Without resorting to builder or embedding some other graphic library I don't 
think that would be possible at the current state of LiveCode graphics. But on 
the other hand it is really nice to see how easily you can combine the browser 
widget with LiveCode.

So to conclude I also would suggest to resort to a browser widget and then add 
something like:

https://codepen.io/Mombasa/pen/fvgqb

(Built with threes)

Håkan
On 18 Apr 2020, 18:47 +0200, Mark Wieder via use-livecode 
, wrote:
> On 4/18/20 6:32 AM, David Bovill via use-livecode wrote:
> > For Earth Day this Wendesday a few of us are working on an art piece that I 
> > want to use Livecode for.
> >
> > As part of this event I need to create an interactive presentation and wish 
> > to create an icosahedrons - so a 3 dimensional hexagon - that I need to 
> > rotate in different dimensions.
>
> At the risk of getting into a religious war here...
> I wouldn't do this in LiveCode.
>
> Have you seen threejs?
>
> https://threejs.org
>
> example:
> https://threejs.org/examples/#webgl_geometry_convex
>
> source:
> 
>
> --
> Mark Wieder
> ahsoftw...@gmail.com
>
> ___
> use-livecode mailing list
> use-livecode@lists.runrev.com
> Please visit this url to subscribe, unsubscribe and manage your subscription 
> preferences:
> http://lists.runrev.com/mailman/listinfo/use-livecode
___
use-livecode mailing list
use-livecode@lists.runrev.com
Please visit this url to subscribe, unsubscribe and manage your subscription 
preferences:
http://lists.runrev.com/mailman/listinfo/use-livecode

Re: Simple 3D animation question

[Mark Wieder via use-livecode]

On 4/18/20 1:56 PM, ha...@exformedia.se wrote:
When teaching my students about hybrid apps I usually do a session 
called "Vad är klockan vart då?" (What is the time where?) Where we have 
a globe in a browser widget, that you can spin and tap. When you tap a 
location we have a clock-widget set to the current time at that 
location. The globe is driven by d3js, which is a really powerful 
visualization library written in JavaScript. Without resorting to 
builder or embedding some other graphic library I don't think that would 
be possible at the current state of LiveCode graphics. But on the other 
hand it is really nice to see how easily you can combine the browser 
widget with LiveCode.


So to conclude I also would suggest to resort to a browser widget and 
then add something like:


https://codepen.io/Mombasa/pen/fvgqb
(Built with threes)


There was an amazing demonstration of data visualization using threejs 
at SCaLE last month. I got hooked right away.


https://www.youtube.com/watch?v=nCR_1YBFyN0

--
 Mark Wieder
 ahsoftw...@gmail.com

___
use-livecode mailing list
use-livecode@lists.runrev.com
Please visit this url to subscribe, unsubscribe and manage your subscription 
preferences:
http://lists.runrev.com/mailman/listinfo/use-livecode

Re: Simple 3D animation question

[David Bovill via use-livecode]

Thanks for all the input - threeJS is great. I’ll take your advice on that. I 
haven’t updated my knowledge on it for a couple of years.

FYI - a reason for using Livecode exists outside of the actual animation. It’s 
the educational aspect and geometry. Would like to be able to explore the 
language and coding as a learning experience as a follow up in Livecode rather 
than JavaScript.
On 19 Apr 2020, 01:27 +0100, Mark Wieder via use-livecode 
, wrote:
> On 4/18/20 1:56 PM, ha...@exformedia.se wrote:
> > When teaching my students about hybrid apps I usually do a session
> > called "Vad är klockan vart då?" (What is the time where?) Where we have
> > a globe in a browser widget, that you can spin and tap. When you tap a
> > location we have a clock-widget set to the current time at that
> > location. The globe is driven by d3js, which is a really powerful
> > visualization library written in JavaScript. Without resorting to
> > builder or embedding some other graphic library I don't think that would
> > be possible at the current state of LiveCode graphics. But on the other
> > hand it is really nice to see how easily you can combine the browser
> > widget with LiveCode.
> >
> > So to conclude I also would suggest to resort to a browser widget and
> > then add something like:
> >
> > https://codepen.io/Mombasa/pen/fvgqb
> > (Built with threes)
>
> There was an amazing demonstration of data visualization using threejs
> at SCaLE last month. I got hooked right away.
>
> https://www.youtube.com/watch?v=nCR_1YBFyN0
>
> --
> Mark Wieder
> ahsoftw...@gmail.com
>
> ___
> use-livecode mailing list
> use-livecode@lists.runrev.com
> Please visit this url to subscribe, unsubscribe and manage your subscription 
> preferences:
> http://lists.runrev.com/mailman/listinfo/use-livecode
___
use-livecode mailing list
use-livecode@lists.runrev.com
Please visit this url to subscribe, unsubscribe and manage your subscription 
preferences:
http://lists.runrev.com/mailman/listinfo/use-livecode