Update/ejecta x0.2.0

[aogilvie]

Updated Ejecta-X messaging branch to develop. Fixed messaging lock problem. Updated wizCanvas with new messaging branch.

Testing Code:

In index.html of the test project update messageCanvasView:

var nbMessages = 100;
    function messageCanvasView() {
        var i;
        nbMessagesReceived = 0;
        for (i = 0; i < nbMessages; i++) {
            messageCanvasViewStep(i);
        }
    }

    function messageCanvasViewStep(i) {
        var params = { id: i, 
            key1 : {
            key1 : "test",
            key2 : "test",
            key3 : "test",
            key4 : "test",
            key5 : "test",
            key6 : "test",
            key7 : "test",
            key8 : "test",
            key9 : "test",
            key10 : "test",
            key11 : "test",
            key12 : "test",
            key13 : "test",
            key14 : "test",
            key15 : "test",
            key16 : "test",
            key17 : "test",
            key18 : "test",
            key19 : "test",
            key20 : "test",
            key21 : "test",
            key22 : "test",
            key23 : "test",
            key24 : "test",
            key25 : "test",
            key26 : "test",
            key27 : "test",
            key28 : "test",
            key29 : "test",
            key30 : "test",
            key31 : "test",
            key32 : "test",
            key33 : "test",
            key34 : "test",
            key35 : "test",
            key36 : "test",
            key37 : "test",
            key38 : "test",
            key39 : "test",
            key40 : "test",
            key41 : "test",
            key42 : "test",
            key43 : "test",
            key44 : "test"
        },
            key2 : {
            key1 : "test",
            key2 : "test",
            key3 : "test",
            key4 : "test",
            key5 : "test",
            key6 : "test",
            key7 : "test",
            key8 : "test",
            key9 : "test",
            key10 : "test",
            key11 : "test",
            key12 : "test",
            key13 : "test",
            key14 : "test",
            key15 : "test",
            key16 : "test",
            key17 : "test",
            key18 : "test",
            key19 : "test",
            key20 : "test",
            key21 : "test",
            key22 : "test",
            key23 : "test",
            key24 : "test",
            key25 : "test",
            key26 : "test",
            key27 : "test",
            key28 : "test",
            key29 : "test",
            key30 : "test",
            key31 : "test",
            key32 : "test",
            key33 : "test",
            key34 : "test",
            key35 : "test",
            key36 : "test",
            key37 : "test",
            key38 : "test",
            key39 : "test",
            key40 : "test",
            key41 : "test",
            key42 : "test",
            key43 : "test",
            key44 : "test"
        },
            key3 : {
            key1 : "test",
            key2 : "test",
            key3 : "test",
            key4 : "test",
            key5 : "test",
            key6 : "test",
            key7 : "test",
            key8 : "test",
            key9 : "test",
            key10 : "test",
            key11 : "test",
            key12 : "test",
            key13 : "test",
            key14 : "test",
            key15 : "test",
            key16 : "test",
            key17 : "test",
            key18 : "test",
            key19 : "test",
            key20 : "test",
            key21 : "test",
            key22 : "test",
            key23 : "test",
            key24 : "test",
            key25 : "test",
            key26 : "test",
            key27 : "test",
            key28 : "test",
            key29 : "test",
            key30 : "test",
            key31 : "test",
            key32 : "test",
            key33 : "test",
            key34 : "test",
            key35 : "test",
            key36 : "test",
            key37 : "test",
            key38 : "test",
            key39 : "test",
            key40 : "test",
            key41 : "test",
            key42 : "test",
            key43 : "test",
            key44 : "test"
        },
            key4 : {
            key1 : "test",
            key2 : "test",
            key3 : "test",
            key4 : "test",
            key5 : "test",
            key6 : "test",
            key7 : "test",
            key8 : "test",
            key9 : "test",
            key10 : "test",
            key11 : "test",
            key12 : "test",
            key13 : "test",
            key14 : "test",
            key15 : "test",
            key16 : "test",
            key17 : "test",
            key18 : "test",
            key19 : "test",
            key20 : "test",
            key21 : "test",
            key22 : "test",
            key23 : "test",
            key24 : "test",
            key25 : "test",
            key26 : "test",
            key27 : "test",
            key28 : "test",
            key29 : "test",
            key30 : "test",
            key31 : "test",
            key32 : "test",
            key33 : "test",
            key34 : "test",
            key35 : "test",
            key36 : "test",
            key37 : "test",
            key38 : "test",
            key39 : "test",
            key40 : "test",
            key41 : "test",
            key42 : "test",
            key43 : "test",
            key44 : "test"
        },
            key5 : {
            key1 : "test",
            key2 : "test",
            key3 : "test",
            key4 : "test",
            key5 : "test",
            key6 : "test",
            key7 : "test",
            key8 : "test",
            key9 : "test",
            key10 : "test",
            key11 : "test",
            key12 : "test",
            key13 : "test",
            key14 : "test",
            key15 : "test",
            key16 : "test",
            key17 : "test",
            key18 : "test",
            key19 : "test",
            key20 : "test",
            key21 : "test",
            key22 : "test",
            key23 : "test",
            key24 : "test",
            key25 : "test",
            key26 : "test",
            key27 : "test",
            key28 : "test",
            key29 : "test",
            key30 : "test",
            key31 : "test",
            key32 : "test",
            key33 : "test",
            key34 : "test",
            key35 : "test",
            key36 : "test",
            key37 : "test",
            key38 : "test",
            key39 : "test",
            key40 : "test",
            key41 : "test",
            key42 : "test",
            key43 : "test",
            key44 : "test"
        },
            key6 : {
            key1 : "test",
            key2 : "test",
            key3 : "test",
            key4 : "test",
            key5 : "test",
            key6 : "test",
            key7 : "test",
            key8 : "test",
            key9 : "test",
            key10 : "test",
            key11 : "test",
            key12 : "test",
            key13 : "test",
            key14 : "test",
            key15 : "test",
            key16 : "test",
            key17 : "test",
            key18 : "test",
            key19 : "test",
            key20 : "test",
            key21 : "test",
            key22 : "test",
            key23 : "test",
            key24 : "test",
            key25 : "test",
            key26 : "test",
            key27 : "test",
            key28 : "test",
            key29 : "test",
            key30 : "test",
            key31 : "test",
            key32 : "test",
            key33 : "test",
            key34 : "test",
            key35 : "test",
            key36 : "test",
            key37 : "test",
            key38 : "test",
            key39 : "test",
            key40 : "test",
            key41 : "test",
            key42 : "test",
            key43 : "test",
            key44 : "test"
        },
            key7 : {
            key1 : "test",
            key2 : "test",
            key3 : "test",
            key4 : "test",
            key5 : "test",
            key6 : "test",
            key7 : "test",
            key8 : "test",
            key9 : "test",
            key10 : "test",
            key11 : "test",
            key12 : "test",
            key13 : "test",
            key14 : "test",
            key15 : "test",
            key16 : "test",
            key17 : "test",
            key18 : "test",
            key19 : "test",
            key20 : "test",
            key21 : "test",
            key22 : "test",
            key23 : "test",
            key24 : "test",
            key25 : "test",
            key26 : "test",
            key27 : "test",
            key28 : "test",
            key29 : "test",
            key30 : "test",
            key31 : "test",
            key32 : "test",
            key33 : "test",
            key34 : "test",
            key35 : "test",
            key36 : "test",
            key37 : "test",
            key38 : "test",
            key39 : "test",
            key40 : "test",
            key41 : "test",
            key42 : "test",
            key43 : "test",
            key44 : "test"
        },
            key8 : {
            key1 : "test",
            key2 : "test",
            key3 : "test",
            key4 : "test",
            key5 : "test",
            key6 : "test",
            key7 : "test",
            key8 : "test",
            key9 : "test",
            key10 : "test",
            key11 : "test",
            key12 : "test",
            key13 : "test",
            key14 : "test",
            key15 : "test",
            key16 : "test",
            key17 : "test",
            key18 : "test",
            key19 : "test",
            key20 : "test",
            key21 : "test",
            key22 : "test",
            key23 : "test",
            key24 : "test",
            key25 : "test",
            key26 : "test",
            key27 : "test",
            key28 : "test",
            key29 : "test",
            key30 : "test",
            key31 : "test",
            key32 : "test",
            key33 : "test",
            key34 : "test",
            key35 : "test",
            key36 : "test",
            key37 : "test",
            key38 : "test",
            key39 : "test",
            key40 : "test",
            key41 : "test",
            key42 : "test",
            key43 : "test",
            key44 : "test"
        },
            key9 : {
            key1 : "test",
            key2 : "test",
            key3 : "test",
            key4 : "test",
            key5 : "test",
            key6 : "test",
            key7 : "test",
            key8 : "test",
            key9 : "test",
            key10 : "test",
            key11 : "test",
            key12 : "test",
            key13 : "test",
            key14 : "test",
            key15 : "test",
            key16 : "test",
            key17 : "test",
            key18 : "test",
            key19 : "test",
            key20 : "test",
            key21 : "test",
            key22 : "test",
            key23 : "test",
            key24 : "test",
            key25 : "test",
            key26 : "test",
            key27 : "test",
            key28 : "test",
            key29 : "test",
            key30 : "test",
            key31 : "test",
            key32 : "test",
            key33 : "test",
            key34 : "test",
            key35 : "test",
            key36 : "test",
            key37 : "test",
            key38 : "test",
            key39 : "test",
            key40 : "test",
            key41 : "test",
            key42 : "test",
            key43 : "test",
            key44 : "test"
        },
            key10 : {
            key1 : "test",
            key2 : "test",
            key3 : "test",
            key4 : "test",
            key5 : "test",
            key6 : "test",
            key7 : "test",
            key8 : "test",
            key9 : "test",
            key10 : "test",
            key11 : "test",
            key12 : "test",
            key13 : "test",
            key14 : "test",
            key15 : "test",
            key16 : "test",
            key17 : "test",
            key18 : "test",
            key19 : "test",
            key20 : "test",
            key21 : "test",
            key22 : "test",
            key23 : "test",
            key24 : "test",
            key25 : "test",
            key26 : "test",
            key27 : "test",
            key28 : "test",
            key29 : "test",
            key30 : "test",
            key31 : "test",
            key32 : "test",
            key33 : "test",
            key34 : "test",
            key35 : "test",
            key36 : "test",
            key37 : "test",
            key38 : "test",
            key39 : "test",
            key40 : "test",
            key41 : "test",
            key42 : "test",
            key43 : "test",
            key44 : "test"
        },
            key11 : {
            key1 : "test",
            key2 : "test",
            key3 : "test",
            key4 : "test",
            key5 : "test",
            key6 : "test",
            key7 : "test",
            key8 : "test",
            key9 : "test",
            key10 : "test",
            key11 : "test",
            key12 : "test",
            key13 : "test",
            key14 : "test",
            key15 : "test",
            key16 : "test",
            key17 : "test",
            key18 : "test",
            key19 : "test",
            key20 : "test",
            key21 : "test",
            key22 : "test",
            key23 : "test",
            key24 : "test",
            key25 : "test",
            key26 : "test",
            key27 : "test",
            key28 : "test",
            key29 : "test",
            key30 : "test",
            key31 : "test",
            key32 : "test",
            key33 : "test",
            key34 : "test",
            key35 : "test",
            key36 : "test",
            key37 : "test",
            key38 : "test",
            key39 : "test",
            key40 : "test",
            key41 : "test",
            key42 : "test",
            key43 : "test",
            key44 : "test"
        },
            key12 : {
            key1 : "test",
            key2 : "test",
            key3 : "test",
            key4 : "test",
            key5 : "test",
            key6 : "test",
            key7 : "test",
            key8 : "test",
            key9 : "test",
            key10 : "test",
            key11 : "test",
            key12 : "test",
            key13 : "test",
            key14 : "test",
            key15 : "test",
            key16 : "test",
            key17 : "test",
            key18 : "test",
            key19 : "test",
            key20 : "test",
            key21 : "test",
            key22 : "test",
            key23 : "test",
            key24 : "test",
            key25 : "test",
            key26 : "test",
            key27 : "test",
            key28 : "test",
            key29 : "test",
            key30 : "test",
            key31 : "test",
            key32 : "test",
            key33 : "test",
            key34 : "test",
            key35 : "test",
            key36 : "test",
            key37 : "test",
            key38 : "test",
            key39 : "test",
            key40 : "test",
            key41 : "test",
            key42 : "test",
            key43 : "test",
            key44 : "test"
        },
            key13 : {
            key1 : "test",
            key2 : "test",
            key3 : "test",
            key4 : "test",
            key5 : "test",
            key6 : "test",
            key7 : "test",
            key8 : "test",
            key9 : "test",
            key10 : "test",
            key11 : "test",
            key12 : "test",
            key13 : "test",
            key14 : "test",
            key15 : "test",
            key16 : "test",
            key17 : "test",
            key18 : "test",
            key19 : "test",
            key20 : "test",
            key21 : "test",
            key22 : "test",
            key23 : "test",
            key24 : "test",
            key25 : "test",
            key26 : "test",
            key27 : "test",
            key28 : "test",
            key29 : "test",
            key30 : "test",
            key31 : "test",
            key32 : "test",
            key33 : "test",
            key34 : "test",
            key35 : "test",
            key36 : "test",
            key37 : "test",
            key38 : "test",
            key39 : "test",
            key40 : "test",
            key41 : "test",
            key42 : "test",
            key43 : "test",
            key44 : "test"
        },
            key14 : "test",
            key15 : "test",
            key16 : "test",
            key17 : "test",
            key18 : "test",
            key19 : "test",
            key20 : "test",
            key21 : "test",
            key22 : "test",
            key23 : "test",
            key24 : "test",
            key25 : "test",
            key26 : "test",
            key27 : "test",
            key28 : "test",
            key29 : "test",
            key30 : "test",
            key31 : "test",
            key32 : "test",
            key33 : "test",
            key34 : "test",
            key35 : "test",
            key36 : "test",
            key37 : "test",
            key38 : "test",
            key39 : "test",
            key40 : "test",
            key41 : "test",
            key42 : "test",
            key43 : "test",
            key44 : "test"
        };
        wizCanvasMessenger.postMessage(params, "newCanvas");       
    }

In assets/canvas/index.js Update EventListener:

window.addEventListener( 'message', function( e ) {
    console.log("Nb messages received: " + e.data.id);
}, false );

[jrouault]

:paw_prints: