Jump to content

GrizzzlyGames

Newbie
  • Posts

    18
  • Joined

  • Last visited

Posts posted by GrizzzlyGames

  1. Теперь вылезла вот такая хрень)))

    function rand(){	var a=Math.round(Math.random()*4)	var img = document.getElementById("myImg");	img.src = "file:///E:/www/image/image_"+a+".png"	drawImage(imgobj, 100, 100);}

    Uncaught TypeError: Cannot set property 'src' of null

  2. ф-я drawImage не существет

     

    Вы же не на каве собрались делать?

     

    вам нужно атрибут src поменять

    Он картинку правильно находит но отрисовывать не хочет...как можно её вывести...

  3. Вот написал тестем, выдает ошибку

    function rand(){	var a=Math.round(Math.random()*4)	imgobj = new Image;	link = "file:///E:/www/image/image_"+ a +".png"	imgobj.src = link;	drawImage(imgobj, 100, 100);}

    Вот ошибка

    Uncaught ReferenceError: drawImage is not defined

  4. И теперь такой вопрос....По нажатию на кнопку еще, должна выводиться случайная картинка, знаю что можно через массив это сделать, на если в папке почти 1000 картинок? писать каждой путь очень долго, можно ли как нибудь сделать что бы он рандомно брал изображение из папки?

  5.  

    Скажу прямо...по сути мне HTML как язык к обучению не нужен, просто потребовался для продвижения моей игры в Google Play, так сказать я ему движок, он рекламу... возможно это моё единичное пересечение с html...прошу посоветуйте как проще всего реализовать такое простое до ужаса приложение для контакта....есть 2 папки в одной изображение фонов в другой картинки предметов

    Запускаем приложение...появляется canvas 640х480 на нем картинка(фон) и кнопка снизу по центру в канвасе(представляют из себя картинки)

    если нажать на кнопку то....отрисовывается случайная картинка из папки предметов в определенных координатах, первая кнопка удаляется и появляются две новых там же столбцом, по нажатию на вторую кнопку постоянно меняется картинка на случайную из папки с предметами, третья кнопка ниже рассказать друзьям.... могу нарисовать примерный макет приложения для простоты понимания...помогите пожалуйста, знаю что задача простая для тех кто знает язык...или кто может накидайте пожалуйста код, единственная цель это зацепится на Google play, если зацеплюсь с меня причитается )))))

    а зачем тут вообще canvas?

     

    Вот собственно пример http://jsfiddle.net/ec0df76n/

    Принцип должен быть ясен.

     

    Огромедное тебе спасибо товарищ, просто я думал что такое можно воплотить только в canvas так как он для отрисовки графики в целом

  6. Скажу прямо...по сути мне HTML как язык к обучению не нужен, просто потребовался для продвижения моей игры в Google Play, так сказать я ему движок, он рекламу... возможно это моё единичное пересечение с html...прошу посоветуйте как проще всего реализовать такое простое до ужаса приложение для контакта....есть 2 папки в одной изображение фонов в другой картинки предметов

    Запускаем приложение...появляется canvas 640х480 на нем картинка(фон) и кнопка снизу по центру в канвасе(представляют из себя картинки)

    если нажать на кнопку то....отрисовывается случайная картинка из папки предметов в определенных координатах, первая кнопка удаляется и появляются две новых там же столбцом, по нажатию на вторую кнопку постоянно меняется картинка на случайную из папки с предметами, третья кнопка ниже рассказать друзьям.... могу нарисовать примерный макет приложения для простоты понимания...помогите пожалуйста, знаю что задача простая для тех кто знает язык...или кто может накидайте пожалуйста код, единственная цель это зацепится на Google play, если зацеплюсь с меня причитается )))))

  7. Здравствуйте у меня почему то вылазит ошибка, вот код

    <!doctype html> <html><head><title>Gudim</title><script></script><img id="button1" src="file:///E:/www/button/button1.png" style="display:none;" onClick="draw2img()"/></head><body>    <canvas id="canvas" width="640" height="480" onClick="canvas.onmousemove()">      <button type="button" value="242"></button>    </canvas>    <script type="text/javascript">        canvas=document.getElementById("canvas");        ctx = canvas.getContext('2d');      var picfon = new Image();      picfon.src = 'file:///E:/www/background/background.png';  // Источник изображения      var button2 = new Image();      var button3 = new Image();      button2.src = 'file:///E:/www/button/button2.png';//Кнопка ЕЩЕ!      button3.src = 'file:///E:/www/button/button3.png';//Кнопка Рассказать другу.    picfon.onload = function() {      ctx.drawImage(picfon, 0, 0);      var button1img = document.getElementById("button1");      ctx.drawImage(button1img, 190, 380, 260, 60);    }    canvas.onmousemove = function (e) {    var x = e.pageX = this.offsetLeft;    var y = e.pageY = this.offsetTop;    onClick = function draw(){      if(x>190){        ctx.drawImage(button2, 100, 100);      }    }    }    </script></body></html>

    жалуется на Uncaught TypeError: Cannot set property 'pageX' of undefined помогите с ошибкой

     

  8. canvas сам по себе не интерактивный элемент. Это если по простому просто холст на котором рисуют. Хотите события отслеживайте положение и координаты клика мыши, как пример.

    Спасибо, в html не бум бум, я программист на android c#, просто для продвижения продукта потребовалось познакомится с html

  9. С таким описанием вы далеко не уедете

    вам тут js нужен

    Но, если вы настаиваете, то с html я вам помогу

    <canvas id="photo" width="400" height="200"></canvas>
    ^_^

     

    Я канвас сделал, добавил картинку кнопки через new Image(); но теперь незнаю как повешать на неё onclick подскажи как это можно реализовать?

  10. Вот код, почему не срабатывает onclick?

    <!doctype html> <html>  <meta charset='utf-8'>  <head>    <title>imgExample</title>    <script src ='file:///E:/www/draw.js'></script>  </head>  <body>    <canvas id='example' width = "640" height="480"></canvas>    <script>      var example = document.getElementById("example"),        ctx       = example.getContext('2d'), // Контекст        picfon       = new Image();              // "Создаём" изображение      picfon.src    = 'file:///E:/www/background/background.png';  // Источник изображения        button1 = new Image();        button2 = new Image();        button3 = new Image();        button1.src = 'file:///E:/www/button/button1.png';//Кнопка ВОТ!...        button2.src = 'file:///E:/www/button/button2.png';//Кнопка ЕЩЕ!        button3.src = 'file:///E:/www/button/button3.png';//Кнопка Рассказать другу.      picfon.onload = function() {    // Событие onLoad        ctx.drawImage(picfon, 0, 0);  // Рисуем изображение        ctx.drawImage(button1, 190, 360);//Отрисовка кнопки вот!      }      button1.onclick = function ajaj() {        ctx.drawImage(button2, 100, 100);      }    </script>  </body></html>
  11. Здравствуйте, прошу помогите, задача очень простая! Нужно сделать, canvas с фоном, картинки есть, на canvase кнопка, при её нажатии отрисовывается на фоне еще одна картинка...помогите пожалуйста, в html не бум бум...

  12. Добрый день, помогите пожалуйста, сама задача, для приложения вконтакте надо сделать, canvas + картинка которая ложится сверху, допустим у нас есть есть две папки, в одной фон, во второй картинки, картинки выбираются рандомно...и еще должна быть возможность позиционировать картинку...помогите пожалуйста...

  13. Или можно ссылку на какой нибудь урок, просто я плохо знаю html но хорошо пазбираюсь в c#(я разработчик Android игр) и мы заключили взаимно выгодную сделку, помогите пожалуйста

  14. Добрый день, не могли бы вы подсказать как создать движок с двумя папками, в одной фон, в другой н объектов. все картинки

    Надо сделать кнопку и картинку склеенные. Фон+случайный объект из папки)

    Но мне надо, чтобы я мог менять объекты и позиционировать все объекты 

    Один раз ставлю точку т в цент подставляются разные объекты...помогите пожалуйста очень срочно надо  :( 

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy