52.19 Phone Room

52.20 Tumbleweed

52.24 Chicory

52.07 Phone Room

52.08 Phone Room

52.16 Cinnamon

52.15 Office

52.14 Nutmeg

52.09 Magnolia

52.48 Office

52.47 Bamboo

52.38 Phone Room

52.40 Phone Room

52.39 Jasmine

52.43 Lavender

52.44 Lilac

52.57 Sunflower

52.58 Phone Room

52.59 Phone Room

52.80 Mint

52.78 Basil

52.79 Thyme

52.67 Phone Room

ObjectEditor -- svgFloorplan>>-- ALL --

X

–

Menu

Inspector on: lively.morphic.HtmlWrapperMorph

X

–

Menu

ObjectEditor -- SteppingSlider>>-- ALL --

X

–

Menu

JavaScript Workspace

X

–

JavaScript Workspace - fetching room data from redwoods API

X

–

depth: 1

reset

1

// the room data is fetched from a subserver called SmartCampusServer:

var url = new URL("http://localhost:9001/nodejs/SmartCampusServer/");

var json = url.asWebResource().get().content

var rooms = JSON.parse(json);

XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

show vars

ObjectEditor -- svgFloorplan>>renderLastMotionsViaHeatmap

X

–

Menu

ObjectEditor -- SteppingSlider>>onMouseDown

X

–

Menu

PartsBinBrowser

X

–

Menu

rooms data

X

–

depth: 1

reset

JavaScript Workspace - create sample data for animation

X

–

Menu

1

$morph("svgFloorplan").initWithRoomData(Global.rooms);

$morph("svgFloorplan").renderLastMotionsViaHeatmap(Global.rooms);

// create 10 arrays based on the Global rooms data but with each room having a

// slightly different intensity value. Note: sampleRooms is an array of

// array(!) of rooms

var sampleRooms = Array.range(0,9).map(function(_) {

  return Global.rooms.map(function(room, i) {

    var newRoom = lively.lang.obj.deepCopy(room);

      newRoom.motionIntensity = lively.lang.num.random(0,10);

      return newRoom;

  })

});

// for each of the ten sample versions of the rooms defined above we create

// another thirty rooms that interpolate the samples to make the animation appear

// smooth. Play around with different interpolation values and see what effect

// those have!

XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

show vars

Log Messages

X

–

Menu

ObjectEditor -- Slider>>getTimeData

X

–

Menu

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

// changed at Thu Aug 06 2015 14:14:48 GMT-0700 (PDT) by unknown_user

this.addScript(function getTimeData(aDate) {

    // this.getTimeData(new Date(1437760902000))

    // this.getTimeData(new Date(Date.now() - 25000))

    var time1 = aDate - 9000;

    var date1 = this.dateToURLString(new Date(time1));

    var date2 = this.dateToURLString(aDate);

    var urlString = 'http://mo-b31d57e95.mo.sap.corp:9001/nodejs/SmartCampusServer

/time?time1=' + date1 + '&time2=' + date2;

    var url = new Global.WebResource(urlString);

    console.log(urlString);

    var result = url.get().content;

    // inspect(result)

    return result

});

XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

<lively.morphic.Slider#615CE... - Slider>

Tag:

run

save

Tests

-- ALL --

dateToURLString

getInstantData

getTimeData

onValueChange

Scripts

-

+

-

Connections

+

-- ALL --

value,AttributeConnection(<lively.morphic.Slider#615CE... - Slider>.value --> <lively.morphic.Slider#615CE... - Slider>.adjustSliderParts)

value,AttributeConnection(<lively.morphic.Slider#615CE... - Slider>.value --> <lively.morphic.Slider#615CE... - Slider>.onValueChange)

all

X

expand saved source