Вывод случайного изображения

@НеАдмин · Регистрация: 05.06.2020

Студворк — интернет-сервис помощи студентам

Напишите код которий потехоньку виводит любую картинку.

@НеАдмин · 22.06.2020, 10:45 **[ТС]**

DobroAlex, мне надо чтоб виводилась картинка а не слово картинка

Добавлено через 21 секунду
TheCalligrapher, а как ето работает?

@НеАдмин · 22.06.2020, 10:50 **[ТС]**

TheCalligrapher, я нажимаю

Code
1
Proview

но не чего

@8Observer8 · 22.06.2020, 12:03

Сообщение от НеАдмин

я нажимаю Preview

Надо подождать, медленно показывается. Можете ради упражнения в программировании, написать код, чтобы кот выглянул и обратно плавно скрылся.

Добавлено через 14 минут

Сообщение от НеАдмин

а как ето работает?

Объясню построчно. Сначала нужно написать тег <html>. Внутри него тег <body>. Подключаете библиотеку Phaser. Эта библиотека содержит необходимые объекты для работы с графикой:

HTML5
1
2
3
4
5
<html>
  <body>
    <script src="https://cdn.jsdelivr.net/npm/phaser-ce@2.16.0/build/phaser.min.js"></script>
  </body>
</html>

Для работы с библиотекой нужно создать объект прототипа Phaser.Game. Я назвал этот объект "scene". К этому объекту нужно прикрепить функции preload(), create() и update(). Функция preload() будет вызвана один раз в самом начале. В ней обычно располагается для загрузки изображений и других необходимых файлов. Потом сработает функция create(), в которой создаётся спрайт на основе загруженного изображения - она тоже срабатывает один раз, но после функции preload(). Далее, будет вызваться update() 60 раз в секунду.

Здесь выставляется цвет фона:

JavaScript
1
scene.stage.backgroundColor = '#8f939f';

Тут создаётся спрайт и точка привязки координат к спрайту (середина-слева):

JavaScript
1
2
        sprite = scene.add.sprite( scene.world.width, scene.world.centerY,'cat');
        sprite.anchor.setTo(0, 0.5);

PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
<html>
  <body>
    <script src="https://cdn.jsdelivr.net/npm/phaser-ce@2.16.0/build/phaser.min.js"></script>
 
    <script>
      var sprite;
      var scene = new Phaser.Game(250, 250, Phaser.AUTO, '', {
        preload: preload,
        create: create,
        update: update,
      });
 
      function preload() {
        scene.load.image('cat', 'cat.png');
      }
 
      function create() {
        scene.stage.backgroundColor = '#8f939f';
        sprite = scene.add.sprite( scene.world.width, scene.world.centerY,'cat');
        sprite.anchor.setTo(0, 0.5);
      }
 
      function update() {
        if (sprite.position.x > scene.world.width - sprite.width) {
          sprite.position.x -= 2;
        }
      }
    </script>
  </body>
</html>

@НеАдмин · 23.06.2020, 08:04 **[ТС]**

8Observer8, акак изменить на свой ресунок?

@8Observer8 · 23.06.2020, 14:19

Здесь, вместо "cat.png" напишите URL к своему файлу с картинкой:

JavaScript
1
2
3
      function preload() {
        scene.load.image('cat', 'cat.png');
      }

Либо рядом с файлом "index.html" положите свою картинку и измените имя с "cat.png" на имя вашей картинки.

Новые блоги и статьи Все статьи Все блоги /
Кредитный калькулятор Maks 05.08.2026 Решение задачи по прикладной информатике средствами 1С. Задача: Напишите приложение-калькулятор, которое помогает рассчитывать параметры кредита для аннуитетного и дифференцированного видов. . .	У нас сейчас поговорку "Опять 25" нужно переделать на "Опять +35". kumehtar 04.08.2026 С ностальгией вспоминаю времена моего детства, когда у нас и правда +25 - была максимальная температура летом. Раньше +25 °C реально казались вершиной жары, когда можно было весь день пропадать на. . .	Как ИИ начал спорить и врать (возможно почуяв опасность для себя от индустрии - уход от электроники). Hrethgir 04.08.2026 Недельный диалог, на фоне событий с НПЗ. Да, из спирта можно получать бензин, и это не сложно. Но потом в схеме я решил избавиться от насоса, при этом полностью сделав контроль подачи спирта в. . .	Термопринтер QR701 Argus19 03.08.2026 Термопринтер QR701 Купил два термопринтера QR701. На сэлф-тесте написано: Language: PC936 (GB18030). Что означает, что принтеры могут печатать только латиницу и китайские иероглифы. Так же. . .
Создание формы заимствованного документа Maks 03.08.2026 Задача: Необходимо создать собственную форму заимствованного документа. На форме должен быть реквизит "Покупатель", а также табличная часть со следующими реквизитами: - Расчетный счет покупателя. . .	Задача предоставления скидок покупателям Maks 03.08.2026 Задача: В документе "Продажи" необходимо реализовать функционал предоставления скидок покупателям. Скидка должна автоматически рассчитываться и подставляться в соответствующее поле при выборе. . .	Почему SEO не начинается с ключевых слов: что проверить до написания текстов Neotwalker 01.08.2026 Когда владельцу сайта предлагают заняться SEO, первым шагом часто становится сбор запросов и написание текстов. Логика кажется понятной: 1. Находим ключевые слова. 2. Добавляем их на. . .	Знание — сила: Доктрина интенциональности знаний, углубление в формулу Hrethgir 01.08.2026 https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11957&stc=1&d=1785567302 Знаменитый афоризм Фрэнсиса Бэкона «Знание — сила» (Scientia potentia est) в массовой культуре принято понимать. . .

@НеАдмин 4 / 3 / 1 Регистрация: 05.06.2020 Сообщений: 85

	Вывод случайного изображения 17.06.2020, 10:50. Показов 3796. Ответов 24 Метки нет (Все метки) Напишите код которий потехоньку виводит любую картинку. 0

@НеАдмин 4 / 3 / 1 Регистрация: 05.06.2020 Сообщений: 85
	22.06.2020, 10:45 [ТС]
	DobroAlex, мне надо чтоб виводилась картинка а не слово картинка Добавлено через 21 секунду TheCalligrapher, а как ето работает? 0

@НеАдмин 4 / 3 / 1 Регистрация: 05.06.2020 Сообщений: 85
	23.06.2020, 08:04 [ТС]
	8Observer8, акак изменить на свой ресунок? 0

Опции темы

Вывод случайного изображения

Решение